How to make my two input boxes in two sides of the "hr" line?

Question

https://code.sololearn.com/W99NQKeX8KVe/?ref=app

Answer 1

<input style=float:left;width:50px>
<hr style=display:inline-block;width:150px>
<input style=float:right;width:50px>

Answer 2

It's not symettrical but..

hr{
width:1px;
height:30px;
display: inline;
margin: 5%;
}
input {
width: 30%;
margin: 0;
}

Answer 3

tks!