Несколько форм в одной строке [закрыто]

486

24 ноября 2016, 10:19

Помогите пожалуйста сделать формы на одном уровне по горизонтали, вот пока что есть (Я новичок)

Answer 1

Попробуйте так:

<div>
   <div style="float: left;">
      <form><input type="text">..<form>
   </div>
   <div style="float: right;">
      <form><input type="text">..<form>
   </div>
</div>

Answer 2

.row { 
  overflow: hidden; 
} 
 
.row > div { 
  float: left; 
  width: 50%; 
} 
 
label { 
  display: inline-block; 
  padding-right: .66em; 
  position: relative; 
} 
 
label.required::after { 
  content: "*"; 
  color: #c00; 
  display: block; 
  position: absolute; 
    top: 0; 
    right: 0; 
}

<div class="row"> 
  <div> 
      <label for="" class="required">Дата зачисления </label> 
      <input type="date" /> 
  </div> 
  <div> 
      <label for="">Дата приказа </label> 
      <input type="date" /> 
  </div> 
</div>