如何使用css和react在斜杠旁边添加数字？

import React from 'react';
import './SlashNumber.css'; // 引入CSS文件

const SlashNumber = ({ number }) => {
  return (
    <div className="slash-number">
      /
      <span className="number">{number}</span>
    </div>
  );
};

export default SlashNumber;

.slash-number {
  display: flex;
  align-items: center;
  font-size: 16px;
}

.number {
  margin-left: 5px; /* 调整数字与斜杠之间的间距 */
  font-weight: bold; /* 设置数字加粗 */
}

import React from 'react';
import SlashNumber from './SlashNumber';

const App = () => {
  return (
    <div>
      <h1>示例</h1>
      <SlashNumber number={42} />
    </div>
  );
};

export default App;