CSS: How do I get rid of unintended space on top -
see pic:
the css use is:
#content_filter_items { display: none; background-color: #ccc; padding: 3px; margin-bottom: 5px; clear: both; } #content_filter_items .filter_item { display: inline-block; background-color: white; width: 200px; padding: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; height: 100px; }
why have space on top of 2nd column?
thanks eric
where have display: inline-block
, need set vertical-align: top
.
see "baseline" section here explanation:
http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
Comments
Post a Comment