title: How to put web form elements on a new line?
body: <p>How to place "input" elements on new lines? In the above example all elements are placed sequentially, ie lable->input->lable->input, etc.</p>
  
  <pre><code>/* ----------- My Form ----------- */
  .myform{
      margin:0 auto;
      padding:14px;
  }
  #stylized{
      border-width:1px;
      border-style:solid;
      border-color:#b7ddf2;
      background:#ebf4fb;
  }
  #stylized h1 {
      font-size:14px;
      font-weight:bold;
      margin-bottom:8px;
      border-width:1px;
      border-style:solid;
      border-color:#b7ddf2;
      padding-bottom:10px;
  }
  #stylized label{
      display:block;
      font-size:11px;
      font-weight:bold;
      text-align:right;
      float:left;
  }
  #stylized input{
      float:left;
      font-size:11px;
      padding:4px 2px;
      border:solid 1px #aacfe4;
      width:70px;
      margin:2px 0 20px 10px;
  }
  /* --------- End of Form --------- */
  
      &lt;div id="stylized" class="myform"&gt;
          &lt;form id="form" name="form" method="post" action="index.html"&gt;
          &lt;h1&gt;Data&lt;/h1&gt;
          &lt;label&gt;Name: &lt;/label&gt;
          &lt;input type="text" name="name" id="name"/&gt;
          &lt;label&gt;Email: &lt;/label&gt;
          &lt;input type="text" name="email" id="email"/&gt;
          &lt;label&gt;Password: &lt;/label&gt;
          &lt;input type="text" name="password" id="password"/&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  </code></pre>