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:

• the block level as an CSS - Inline Box
• the flex level as also its CSS - inline-flex
• …

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.