Как сделать 2 поля на одной строке?

Question

[Nikita]

Начал пилить столбцы заполнения внутренней информации и есть трабл.
Как создать 2 поля input в одной строке? чтобы это было так


а не в строчку как у меня выходит

<div class='form-row'>
			<label for='form_fname'>First Name: </label>
    		<input type='text' id='form_fname' name='first_name'>
  		</div>

  		<div class='form-row'>
    		<label for='form_sname'>Second Name: </label>
    		<input type='text' id='form_sname' name='second_name'>
		</div>

Answer 1

[Павел]

Например
.form-row {width: 50%; float: left;}
Или
.form-row {width: 50%; display: inline-block;}
Div изначально имеет width = auto, или 100%

Answer 2

[Айнур Валиев]

<form>
  <div class="row">
    <div class="col">
      <input type="text" class="form-control" placeholder="First name">
    </div>
    <div class="col">
      <input type="text" class="form-control" placeholder="Last name">
    </div>
  </div>
</form>