How to make form in the line?

I was faced with this problem, I have a form displays are not in line and in column.
HTML
<form class="form-inline .col-md-8 text-center" style="float: center; padding: 25px;">
 <div class="form-group" style="display: inline-block;">
the <div>
 <select name="cur1" style="width:80px" class="form-control">
<option>USD</option>
<option>EUR</option>
<option>UAH</option>
<option>GPB</option>
</select>
</div>
 <div id="inputed">
 <input type="text" class="form-control" v-model="inp" style="width: 70px">
</div>
 <button class="btn btn-default"><i class="glyphicon glyphicon-sort"></i></button>
 <select name="cur2" style="width:80px" class="form-control">
<option>EUR</option>
<option>USD</option>
<option>UAH</option>
<option>GPB</option>
</select>
 <button class="btn btn-default"><a href="#">Convert</a></button>
</div>
 </form>

How to fix this?
June 27th 19 at 15:14
3 answers
June 27th 19 at 15:16
June 27th 19 at 15:18
Prestavi desired item display:inline-block;
and ask the width, so the entire string is not occupied.

.form-group>*{
 display: inline-block;
}
June 27th 19 at 15:20

Find more questions by tags CSSHTML