CSS - Inline Box

Table of Contents

1 - About

Inline level box are used in differents formatting context:

  • the block level as an CSS - Inline Block
  • 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.

See also: XML - in-line element

Data Science
Data Analysis
Data Science
Linear Algebra Mathematics

Powered by ComboStrap