title: How to get two inputs side by side and the rest on separate lines?
body: <p>I have an form that I want to have a user fill in. I want to lay it out that the name fields are next to each other and all other fields are on their own separate line.</p>
  
  <p>I have used the below code, have tried putting paragraphs and "brs" , but still no luck...</p>
  
  <p>The code below:</p>
  
  <pre><code>&lt;div style="float:left;"&gt;
    &lt;label for="username"&gt;&lt;b&gt;First Name*&lt;/b&gt;&lt;span class="required"&gt;&lt;/span&gt;    &lt;/label&gt;
    &lt;input id="user_first_name" name="FirstName" size="30" type="text"     placeholder="First"  /&gt;
  &lt;/div&gt;
  
  &lt;div style="float:right;"&gt;
    &lt;label for="name"&gt;&lt;b&gt;Last Name*&lt;/b&gt;&lt;span class="required"&gt;&lt;/span&gt;&lt;/label&gt;
    &lt;input id="user_last_name" name="LastName" size="30" type="text"     placeholder="Last"/&gt;
  &lt;/div&gt;
  &lt;!--&lt;label&gt;&lt;b&gt;Full Name &lt;/b&gt;&lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;input     type="text" name="FirstName" class="field-divided" placeholder="First"     style="float:left" /&gt;;&lt;input type="text" name="Surname" class="field-divided"     placeholder="Last" style="float:right"/&gt; &lt;p&gt;&lt;/p&gt;--&gt;
  &lt;label&gt;&lt;b&gt;Email &lt;/b&gt;&lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;input     type="email" name="Email" class="field-long" placeholder="Email" value="&lt;?php     echo $_POST['Turnover']; ?&gt;" /&gt;
  &lt;label&gt;&lt;b&gt;Phone &lt;/b&gt;&lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;input     type="number" name="Phone" class="field-divided" placeholder="Number" /&gt;
  &lt;label style="font-size:10px"&gt;only numbers, no special characters&lt;/label&gt;
  </code></pre>
  
  <p>Returns the below image:
  <a href="https://i.stack.imgur.com/QbBXx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QbBXx.png" alt="Wrong"></a></p>
  
  <p>So, for some reason the Email Address Label is very much out of place (it should be above the input that is reading 1500 - the way Phone is above number
  I'm sure that it's a silly little thing, but I just can't place it</p>
  
  <p>I have tried various combinations of "&lt; p>" and "&lt; br >",but to no avail. </p>