title: I am designing a contact form and cannot get it to align correctly
body: <p>I am attempting to make a contact form, but my text "email" will not go down to the line it is supposed to be in.</p>
  
  <p>I also have no idea how to align the entire contact form closer to the right side of the page, you can see my poor attempt with the align left tags.</p>
  
  <pre><code>&lt;div class="content"&gt;
          &lt;h1&gt;Contact Us&lt;/h1&gt;
              &lt;div id="contact-align"&gt;
              &lt;div id="envelope"&gt;
          &lt;form action="" method="post"&gt;
              &lt;label&gt;Your Name&lt;/label&gt;
                  &lt;input name="name" placeholder="Paul Farley" type="text"/&gt;
              &lt;label&gt;Email&lt;/label&gt;
                  &lt;input name="email" placeholder="yourname@gmail.com" type="text"/&gt;
              &lt;label&gt;Contact Number&lt;/label&gt;
                  &lt;input name="contact" placeholder="123456789" type="text"/&gt;
              &lt;label&gt;Message&lt;/label&gt;
                      &lt;textarea cols="15" name="message" placeholder="Message" rows="5"&gt;
                      &lt;/textarea&gt;
                  &lt;input id="submit" type="submit" value="Send Message"&gt;
          &lt;/form&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>CSS code : </p>
  
  <pre><code>div#envelope {
      width: 52%;
      margin: 7px 10% 7px 5%;
      padding:5px 0;
      border: 2px solid gray;
      border-radius:5px;
      background-color: #E6E6E6;
  }
  form {
      width:70%;
      margin:3% 15%;
  }
  input[type=text] {
      margin-bottom: 10px;
      margin-top: 10px;
      width:75%;
      padding: 15px;
      border-radius:5px;
      border:1px solid #7ac9b7;
  }
  input[type=submit] {
      margin-bottom: 3px;
      width:100%;
      padding: 15px;
      border-radius:5px;
      border:1px solid #7ac9b7;
      background-color: #4180C5;
      color: aliceblue;
      font-size:15px;
      cursor:pointer;
  }
  #submit:hover {
      background-color: #34669E;
  }
  textarea {
      width:100%;
      padding: 1px;
      margin-top: 5px;
      border:1px solid #7ac9b7;
      border-radius:5px;
      margin-bottom: 15px;
      resize:none;
  }
  input[type=text]:focus, textarea:focus {
      border-color: #4697e4;
  }
  label {
      color: #000000;
      display: inline-block;
      float: left;
  }
  #contact-align {
      left:60%;
  }
  </code></pre>