title: Better way to control spacing between block elements?
body: <p>Is there a better way to control the space between certain block elements.. i basically have a few of these.</p>
  
  <pre><code>&lt;div id="head1" class="global-box"&gt;
      &lt;p&gt;My Header Name&lt;/p&gt;
      &lt;select id="Select1"&gt;
           &lt;option&gt;&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>problem is that the space between the My Header Name and the select html element is larger than i want... I tried removing the <code>&lt;p&gt;</code> but then its in line and select is on same line as the header title..</p>
  
  <p>I could use <code>&lt;br/&gt;</code> but this just creates a block ?</p>