title: CSS aligning text boxes with labels
body: <p>My fiddle pretty much shows the problem. Trying to get the labels to be on the left side of each text box if anyone could help. <a href="http://jsfiddle.net/HC64Y/" rel="noreferrer">http://jsfiddle.net/HC64Y/</a></p>
  
  <pre><code>&lt;div id="boxalign2" class="boxalign2" &gt;                 
      &lt;label&gt;Hospital*:&lt;/label&gt;&lt;input class="rounded2" required title="Hospital is required!" name="MainHospital" type="text" /&gt;  
      &lt;label&gt;Title*:&lt;/label&gt;&lt;input class="rounded2" name="MainTitle" type="text"/&gt;            
      &lt;label&gt;Department*:&lt;/label&gt; &lt;input class="rounded2" name="MainDept" type="text"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>input.rounded2 {
      border: 1px solid #ccc;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      -moz-box-shadow: 2px 2px 3px #666;
      -webkit-box-shadow: 2px 2px 3px #666;
      box-shadow: 2px 2px 3px #666;
      font-size: 20px;
      padding: 4px 7px;
      outline: 0;
      -webkit-appearance: none;
  
      float: left;
      display: inline-block;
      clear: left;
      width: 150px;
      text-align: right;
  }
  </code></pre>