如何在标题和图标之间添加空格？在react中

import React from 'react';
import './YourComponent.css';

const YourComponent = () => {
  return (
    <div className="container">
      <h1>Title</h1>
      <img src="icon.png" alt="Icon" />
    </div>
  );
}

export default YourComponent;

.container {
  display: flex;
  align-items: center;
}

.container h1 {
  margin-right: 10px; /* 调整此值来控制标题和图标之间的间距 */
}