title: Align textfield label with the checkbox label
body: <p>I have a checkbox and two text fields. When the checkbox is checked, the two textfield appear (via jquery code). I want that the two label "First field" and "Second field" be aligned with the label "MyCheckbox" Or, in some way, that the two textfield label should be indented respect to the level of the checkbox.
  This is my html code:</p>
  
  <pre><code> &lt;div&gt;
   &lt;input type="checkbox" name="mycheckbox"&gt;&amp;nbsp;MyCheckbox
   &lt;/div&gt;
   &lt;div id="mydiv"&gt;
     &lt;div&gt;&lt;label&gt;First field&lt;/label&gt;
     &lt;input type="text" name="first_field" value=""&gt;
     &lt;/div&gt;
     &lt;div&gt;&lt;label&gt;Second field&lt;/label&gt;
     &lt;input type="text" name="second_field" value=""&gt;
     &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>How could I do it with css?</p>