Как расположить инпуты один под другим?

Question

[aqau123]

<div className="App">
        <div className="wrapper">
          <input type="text" className="box"/>
          <input type="text" className="box"/>
          <input type="text" className="box"/>
        </div>
    </div>

Вот такой код, сейчас эти инпуты в линию, как их можно расположить один под другим?

Answer 1

[0xD34F]

.wrapper {
  display: flex;
  flex-direction: column;
}

Answer 2

[McBernar]

.wrapper {
display: flex;
flex-direction: column;
}