title: How to put the <p> content inline with the <label>?
body: <p>I run into a css issue.
  I have a form, and inside it I want to show a label and some info in each line. 
  The html for the form is:</p>
  
  <pre><code>&lt;form class="form_dialog"&gt;
  &lt;/br&gt;
  &lt;label&gt;Status: &lt;/label&gt;
  &lt;span&gt;&lt;img src="images/check.png" alt="check mark" width="16" height="16"/&gt;&lt;/span&gt;
  &lt;/br&gt;&lt;/br&gt;
  &lt;label&gt;Type: &lt;/label&gt;
  &lt;span&gt;V1&lt;/span&gt;
  &lt;/br&gt;&lt;/br&gt;
  &lt;label&gt;Description: &lt;/label&gt;
  &lt;div class="sp"&gt;16 Nodes - Test for long description.
  This system is good in all cases. Max length is 100.&lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The css for all the tags are:</p>
  
  <pre><code>form.form_dialog {float: left; clear: left;}
  
  .form_dialog div {float:left; clear:left}
  .form_dialog label {
      display: block; float: left; 
      width: 12.0em; min-height: 2.0em; text-align: right;
  }
  
  .form_dialog span {
      margin-left: 3.0em;
  }
  
  div.sp {
       display:inline;
       margin-left:3em;
       margin-right:3em;
       width:70%;
  }
  </code></pre>
  
  <p>My prob here is that for the description info, I want to keep the text lines indented(each line starts from the same position) as well as inline with label. But cannot achieve it.
  Any one can help on this? Thanks.</p>