CSS inline layout

The CSS inline layout module defines the block-axis alignment and sizing of inline-level content and adds a special layout mode for drop-caps. It describes the CSS formatting model for a flow of elements and text inside a container to be wrapped across multiple lines.

Reference

Properties

alignment-baseline
dominant-baseline
initial-letter
line-height
text-box-edge
text-box-trim
text-box shorthand
vertical-align

The specification also defines the baseline-shift, baseline-source, initial-letter-align, initial-letter-wrap, inline-sizing, and line-fit-edge properties, which are not yet supported by any browser.

Data types

<text-edge>

Glossary terms

baseline
leading

Guides

Inline formatting context: Explains the inline formatting context.

Related concepts

font-size property
font-feature-settings property
letter-spacing property
text-anchor property
::first-letter pseudo-element
:first-child pseudo-class

Specifications

Specification
Unknown specification