Как центрировать по горизонтали все в формах

поэтому в моей функции рендеринга у меня есть

 render() {
     <div>
        <form id = "one">
          <TextField id = "t1" ... />
          <Button id = "b1" />
        </form>

        <div id = "empty"><div/>

        <form id = "two">
          <TextField id = "t2" ... />
          <TextField id = "t3" ... />
          <Button id = "b2" />
        </form>

     </div>
  }

и я пытаюсь центрировать все по горизонтали. «пустой» div между формами предназначен для создания пространства между формами.

Как я могу это сделать?

Спасибо !