JSFiddle - React, Tailwind, and code Playground

HTML

<form class="form-inline .col-md-8 text-center" style ='padding: 25px; display: table;'>
						<div class="form-group" >
							<div style='float:left'>
								<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" style='float:left'>
								<input type="text" class="form-control" v-model="inp" style="width: 70px">
							</div>
							<button class="btn btn-default" style='float:left'><i class="glyphicon glyphicon-sort"></i></button>
							<select name="cur2" style="width:80px float:left"  class="form-control">
									<option>EUR</option>
									<option>USD</option>
									<option>UAH</option>
									<option>GPB</option>
							</select>
							<button class="btn btn-default" style='float:left' ><a href="#">Convert</a></button>
						</div>
					</form>