display: inline for blocks

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Jeff Thies - 30 Sep 2005 22:09 GMT

I have a number of blocks of content (product items) that I want to
wrap naturally at the end of the line. float: left has the unhappy
habbit of stacking up where the lowest extending block is. I know there
is a relatively new CSS property that does display: inline for blocks,
what is that and what is the level of support?

Cheers,
Jeff

Reply to this Message

Spartanicus - 30 Sep 2005 22:24 GMT

> I have a number of blocks of content (product items) that I want to
>wrap naturally at the end of the line. float: left has the unhappy
>habbit of stacking up where the lowest extending block is. I know there
>is a relatively new CSS property that does display: inline for blocks,
>what is that

inline-block

>and what is the level of support?

Opera 7+: usable support (specifying margins does funny things)
IE 5.5+: usable support:
http://homepage.ntlworld.com/spartanicus/ie_block_level_element_inline-block_hack.htm
Gecko based browsers: experimental but very buggy support using
proprietary -moz- CSS properties. There is a Gecko hack that on
occasions is useful:
http://www.spartanicus.utvinternet.ie/centered_image_gallery_with_captions.htm
Recent KHTML based browsers: supported (not sure how good)

Signature

Spartanicus

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / September 2005

display: inline for blocks