Как сделать form в линию?

Question

[danylo_kiz]

Я столкнулся с такой проблемой, у меня form выводит не в линию, а в столбик.
HTML

<form class="form-inline .col-md-8 text-center" style ='float: center; padding: 25px;'>
						<div class="form-group" style='display: inline-block;'>
							<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>

Как исправить это?

Comments

[vopross]

div это блочный элемент.
Можно задать свойство display: inline-block; и тогда будет блочно-строчный, т.е элементы будут располагать в строчку.

[Ярослав Иванов]

Как исправить это?

Учить HTML CSS

Answer 1

[danylo_kiz]

https://jsfiddle.net/xbkva72r/

Answer 2

[Дмитрий Гординский]

Проставь нужным элементам display:inline-block;
и задай ширину, чтоб всю строку не занимал.

.form-group>*{
    display: inline-block;
}

Answer 3

[Localhost]

если грубо то так
https://jsfiddle.net/9fz3o8bL/