title: Styling Form with Label above Inputs
body: <p>I would like to produce the following form style:</p>
  
  <pre>
  Name                    Email
  [.................]     [.................]
  
  Subject
  [.................]
  
  Message
  [.........................................]
  [.........................................]
  [.........................................]
  [.........................................]
  </pre>
  
  <p>The HTML code I have is:</p>
  
  <pre><code>&lt;form name="message" method="post"&gt;
      &lt;section&gt;
      &lt;label for="name"&gt;Name&lt;/label&gt;
      &lt;input id="name" type="text" value="" name="name"&gt;
      &lt;label for="email"&gt;Email&lt;/label&gt;
      &lt;input id="email" type="text" value="" name="email"&gt;
      &lt;/section&gt;
      &lt;section&gt;
      &lt;label for="subject"&gt;Subject&lt;/label&gt;
      &lt;input id="subject" type="text" value="" name="subject"&gt;
      &lt;label for="message"&gt;Message&lt;/label&gt;
      &lt;input id="message" type="text" value="" name="message"&gt;
      &lt;/section&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>At the moment it is producing:</p>
  
  <pre>
  Name    [...................]
  Email   [...................]
  Subject [...................]
  Message
  [.........................................]
  [.........................................]
  [.........................................]
  [.........................................]
  </pre>
  
  <p>What would be the best way to do this? I keep getting in a muddle my floats!</p>