title: extra space around div
body: <p>I have a problem here i am getting space around this text i was not able to get rid off.
  i cannot apply globally padding:0 or margin:0 to the all divs. My div is part of the page i want to remove extra space around my div alone i cannot apply padding:0 or margin:0  to body also.</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  &lt;div class="topcont" id="topcont" style="display: block;padding:0px;margin:0px"&gt;
  &lt;div  id="dragcont" style="display: block;padding:0px;margin:0px"&gt;
      &lt;div style="padding:0px;margin:0px; text-align: center; font-size: 18px; font-weight: bold; font-family: Helvetica Neue;"&gt;
          Drop up to 5 photos here
      &lt;/div&gt;
      &lt;div style="padding:0px;margin:0px; font-size: 18px; font-family: Helvetica Neue; border: 0px none; height: 18px; text-align: center;"&gt;
          Or
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div style="padding:0px;margin:0px;color:#333; text-align:center; font-size:14px;font-family:Helvetica Neue"&gt;
     to add them as attachments
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I dont know why i am getting space above the given texts.</p>