在react html5应用程序中，如何并排放置3个选择列表？

import React from 'react';

class SelectComponent extends React.Component {
  render() {
    const options = ['Option 1', 'Option 2', 'Option 3'];
    
    return (
      <select>
        {options.map((option, index) => (
          <option key={index}>{option}</option>
        ))}
      </select>
    );
  }
}

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

class App extends React.Component {
  render() {
    return (
      <div className="container">
        <SelectComponent />
        <SelectComponent />
        <SelectComponent />
      </div>
    );
  }
}

export default App;

.container {
  display: flex;
  justify-content: space-between;
}