CSS - Inline Box

About

Inline is a layout used to layout inline xml element (ie text formatting context)

It's used in differents formatting context:

An inline-level box:

  • don't take the whole width of the screen
  • behave as a inline display and keep the text on the same line (in a block)
  • will take into account the padding of the sibling element.

An inline level box generally doesn't had a new line. The content is distributed in lines. eg.:

  • emphasized pieces of text within a paragraph,
  • inline images,
  • etc.
Task Runner