title: How can i insert vertical space between the rows(input text boxes and Labels)?
body: <p><strong>HTML</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Learning&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
          ...
  
  &lt;h1&gt;Testing&lt;/h1&gt;
  &lt;span class="error"&gt;* Required&lt;/span&gt;
  &lt;form name="SignUp"  method="post" action=""&gt;
  &lt;fieldset&gt;
      &lt;div&gt;
          &lt;label&gt;Name:&lt;/label&gt;&lt;input id="NAME" type="text" name="name" placeholder="Name" required&gt;
       &lt;/div&gt; 
  
      &lt;div&gt;     
          &lt;label&gt;Email:&lt;/label&gt;&lt;input id="EMAIL"  type="email" name="email" required&gt;
      &lt;/div&gt;
      &lt;div&gt;
          &lt;label&gt;&lt;/label&gt;&lt;input type="submit" value="Send" &gt;
      &lt;/div&gt;
  &lt;/fieldset&gt;
  
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>body {
      background-color:#b0c4de;
      font-family:"Times New Roman";
      font-size:15px;
  }
  p {color:blue;}
  .error {color: #FF0000;}
  label { 
      display: inline-block; 
      width: 150px;
      text-align: right;
      margin-right:30px;  //How far the label element and input box
      margin-top:100px;
   }
  fieldset{
      //border:none;
      padding:15px;
      width:500px;
      margin:0px auto;
  }
  </code></pre>
  
  <p>The Name: and input box are on one line and the next line is just touching it.</p>
  
  <p>how do i put them <a href="http://jsbin.com/igacu4/10/edit#/igacu4/11/edit" rel="nofollow">apart</a>.</p>