I am trying to center two inputs ("email" and "password") horizontally on the page. However, I also want to add another item to the right of them while keeping the inputs centered.
<div style={{ display: "flex", justifyContent: "center" }}>
<div className="col-md-6 row">
<div className="col-md-6">
<input placeholder="email" />
</div>
<div className="col-md-6">
<input placeholder="password" />
</div>
</div>
<button text="Entrar" />
</div>
However, when I add the <button>
element, all three items become centered. I only want to center the email
and password
inputs, not the button.