title: Aligning Form Fields and fixing for responsive layout
body: <p>im coding up a HTML form just now and i havinfg a little trouble aligning the comments field to the right of the text fields.</p>
  
  <p>I have 3 text fields under each other and i want to have the comments text field aligned to the right of them, ive tried floating it right and then giving it a negative top margin to move it up inline but the label text which reads 'comments' isnt floating with the text fields as it doesnt have a class</p>
  
  <p>Ive also tried separating them with 2 table cells but that doesnt help as when i want to view in mobile via the responsive layout i can move the comments field as it stuck in the table cell</p>
  
  <p>Here's the example of the floated code i tried</p>
  
  <pre><code>    &lt;style type="text/css"&gt;
      ![enter image description here][1]&lt;!--
      body {
  background-color: #FFF;
      }
  
      #form {
  width:960px;
  background-color:#edf8ff;
  height:650px;
      }
  
      .gezza-form {
  width:894px;
  margin:0 auto;
  margin-top:20px;
      }
  
      .gezza-field {
  width:437px;
  height:75px;
  margin-bottom:10px;
  border: 1px solid #d9e7f1;
      }
  
      .gezza-comments{
  width:437px;
  height:300px;
  float:right;
  margin-top:-80px;
      }
  
      --&gt;
      &lt;/style&gt;&lt;/head&gt;
  
      &lt;body&gt;
  
  
      &lt;div id="form"&gt;
  
      &lt;form action="" class="gezza-form" method="post" &gt;
      First Name&lt;br /&gt;
      &lt;input name="firstname" type="text" class="gezza-field" /&gt;&lt;br/&gt;
      Last Name&lt;br /&gt;
      &lt;input name="lastname" type="text" class="gezza-field" /&gt;&lt;br/&gt;
      Email Address&lt;br /&gt;
      &lt;input name="email" type="text" class="gezza-field" /&gt;
      Comments&lt;textarea name="comments" cols="" rows="" class="gezza-comments" &gt;&lt;/textarea&gt;
      &lt;/form&gt;
  
  
      &lt;/div&gt;&lt;!-- close form --&gt;
  </code></pre>
  
  <p>Here's what im trying to achieve</p>
  
  <p>[1]: <a href="http://i.stack.imgur.com/g3yO8.png" rel="nofollow">http://i.stack.imgur.com/g3yO8.png</a> VIEW IMAGE</p>