Definitions

Sorry, no definitions found. Check out and contribute to the discussion of this word!

Etymologies

Sorry, no etymologies found.

Support

Help support Wordnik (and make this page ad-free) by adopting the word inline-block.

Examples

  • Use matching elements when styling column layouts using inline-block, since mixing adjacent divs with paragraph tags may not work even if they have the same display properties

    CSS Discuss - Recent changes [en] Psweatte 2010

  • Use position: relative; text-align: right; for the container, position: absolute; left: 0 for the left aligned element, and display: inline or inline-block for the right element to emulate floating and create bookends for a masthead while avoiding float bugs

    CSS Discuss - Recent changes [en] Psweatte 2010

  • Remember to declare - moz-inline-box; before display: inline-block; to ensure Firefox 3+ uses the latter.

    CSS Discuss - Recent changes [en] Psweatte 2010

  • Use display: - moz-inline-box; (for Firefox 2) and display: inline-block; for other standards compliant browsers to create rows and columns without floats or display: table.

    CSS Discuss - Recent changes [en] Psweatte 2010

  • Use vertical-align: top with display: - moz-inline-box to display content the same way as display: inline-block on other browsers

    CSS Discuss - Recent changes [en] Psweatte 2010

  • Use vertical-align: top with display: - moz-inline-box to display content the same way as display: inline-block on other browsers

    CSS Discuss - Recent changes [en] Psweatte 2010

  • Use matching elements when styling column layouts using inline-block, since mixing adjacent divs with paragraph tags may not work even if they have the same display properties

    CSS Discuss - Recent changes [en] Psweatte 2010

  • Use display: - moz-inline-box; (for Firefox 2) and display: inline-block; for other standards compliant browsers to create rows and columns without floats or display: table.

    CSS Discuss - Recent changes [en] Psweatte 2010

  • Use display: block to wrap inline content within - moz-inline-box blocks in order to render layouts in Firefox 2 consistently with inline-block on other browsers.

    CSS Discuss - Recent changes [en] Psweatte 2010

  • Remember to declare - moz-inline-box; before display: inline-block; to ensure Firefox 3+ uses the latter.

    CSS Discuss - Recent changes [en] Psweatte 2010

Comments

Log in or sign up to get involved in the conversation. It's quick and easy.