title: CSS/HTML Form aligning text boxes
body: <p>I am new to the site. </p>
  
  <p>I have an issue in CSS and HTML to alight the text boxes in the same row. Meaning that currently, they are not aligned. Could you please help and explain? </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  &lt;style&gt;
  .input1:focus {
  background-color: yellow;
  }
  .input1:hover {
  background-color: cyan;
  }
  &lt;/style&gt;
  
  &lt;body&gt;
  &lt;form&gt;
  First name: &lt;input class="input1" type="text" name="firstname"&gt;&lt;br&gt;
  Last name: &lt;input class="input1" type="text" name="lastname"&gt;&lt;br&gt;
  E-mail Address: &lt;input class="input1" name = "email" placeholder =     "name@domain.com"&gt;
  
  &lt;p&gt;
  &lt;input type = "submit" value = "Submit Form"&gt;
  &lt;input type = "reset" value = "Reset button"&gt;
  &lt;/p&gt;
  
  &lt;/form&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>