title: Align Message and Submit button to the right of other input fields
body: <p><a href="http://www.frshstudio.com/contact/" rel="nofollow">Live site.</a></p>
  
  <p>I'm having a small issue styling a contact form. I'd like for the message field and submit button to be to the right of all other input fields, aligned along the top. When I use <code>clear:both</code> and <code>float:right</code>, the message and submit button DO move over, however they are well below all other fields.
  How do I fix this?</p>
  
  <pre><code>.contact_name {
      font-family: fanwood-webfont;
      margin-left: 60px;
      padding-bottom: 10px;
  }
  
  .contact_email {
      font-family: fanwood-webfont;
      margin-left: 60px;
      padding-bottom: 10px;
  }
  
  .contact_subject {
      font-family: fanwood-webfont;
      margin-left: 60px;
  }
  
  .contact_message {
      clear: both;
      float: right;
      font-family: fanwood-webfont;
  }
  
  .contact_button {
      clear: both;
      float: right;
  }
  </code></pre>
  
  <p>&amp;</p>
  
  <pre><code>&lt;p class=contact_name&gt;Name (required)&lt;br /&gt;
  [text* your-name]&lt;/p&gt;
  
  &lt;p class=contact_email&gt;Email (required)&lt;br /&gt;
  [email* your-email]&lt;/p&gt;
  
  &lt;p class=contact_subject&gt;Subject&lt;br /&gt;
  [text* your-subject]&lt;/p&gt;
  
  &lt;p class=contact_message&gt;Message&lt;br /&gt;
  [textarea* your-message]&lt;/p&gt;
  
  &lt;p&gt;[submit class:contact_button "Send"]&lt;/p&gt;
  </code></pre>