在React中使Formspree.io输入字段居中

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

.input-field {
  width: 300px; /* 根据需要调整输入字段的宽度 */
  margin-bottom: 10px; /* 根据需要调整输入字段之间的间距 */
}

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

const YourComponent = () => {
  return (
    <div className="form-container">
      <input className="input-field" type="text" name="name" placeholder="Name" />
      <input className="input-field" type="email" name="email" placeholder="Email" />
      {/* 其他输入字段 */}
      <button type="submit">Submit</button>
    </div>
  );
}

export default YourComponent;