title: CSS display: inline-block does not accept margin-top?
body: <p>I have an element with display: inline-block, but it doesn't seem to accept margin-top. Is this because the element is still treated as an inline element?</p>
  
  <p>If yes, does anyone have a workaround?</p>
  
  <hr />
  
  <p><strong>EDIT #1</strong>:</p>
  
  <p>My CSS is quite simple:</p>
  
  <pre class="lang-css prettyprint-override"><code>.label {
    background: #ffffff;
    display: inline-block;
    margin-top: -2px;
    padding: 7px 7px 5px;
  }
  </code></pre>
  
  <p>I ended up wrapping the content in another div and giving that a margin-top. But that causes a lot of extra markup and makes my code less clear.</p>
  
  <p><strong>EDIT #2</strong>:</p>
  
  <p><code>margin-top</code> &amp; <code>margin-bottom</code> on <code>inline-block</code> elements only seems to work with positive values.</p>