title: How to Place Form Inputs on Their Own Lines
body: <p>I am doing some work and have a form which I want to look like a list (think <code>&lt;ul&gt;</code> format, just without the bullets).  </p>
  
  <p>However, right now all the inputs are inline with each other:</p>
  
  <pre><code>Item 1  Item 2  Item 3  etc
  </code></pre>
  
  <p>I want it to look like:</p>
  
  <pre><code>Item 1 
  Item 2 
  Item 3 
  etc
  </code></pre>
  
  <p>Code: </p>
  
  <pre><code>&lt;form action = "display.php" method = "post"&gt;
    &lt;h1&gt;My form&lt;/h1&gt;
          &lt;input type="checkbox" name="movie[]" value="action" /&gt;
          &lt;label for="male"&gt;action&lt;/label&gt;
        &lt;br&gt;&lt;br&gt;
          &lt;input type="checkbox" name="movie[]" value="adv" /&gt;
          &lt;label for="male"&gt;adv&lt;/label&gt;
  &lt;br&gt;&lt;br&gt;
      &lt;h1&gt;My form&lt;/h1&gt;
          &lt;input type="checkbox" name="movie[]" value="com" /&gt;
          &lt;label for="male"&gt;com&lt;/label&gt;
  &lt;br&gt;&lt;br&gt;
          &lt;input type="checkbox" name="movie[]" value="rom" /&gt;
          &lt;label for="male"&gt;rom&lt;/label&gt;
  &lt;br&gt;&lt;hr&gt;
         &lt;input type="submit" id="submitbutton" name="search" value="Submit"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I was also wondering if I could move the submit button and put it at the bottom of the page, so the form was on the top half of the page and then I wanted to move the button in the middle, how that would be possible? Right now the form is in a perfect position, but I would like to move the button so it's on the bottom half of the page in the middle.</p>
  
  <p>Thanks again for the help.</p>