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

• {{cssxref("alignment-baseline")}} 
• {{cssxref("dominant-baseline")}} 
• {{cssxref("initial-letter")}} 
• {{cssxref("line-height")}} 
• {{cssxref("text-box-edge")}} 
• {{cssxref("text-box-trim")}} 
• {{cssxref("text-box")}}  shorthand
• {{cssxref("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

• {{cssxref("<text-edge>")}} 

Glossary terms

• {{glossary("baseline/typography", "baseline")}} 
• {{glossary("leading")}} 

Guides

• Inline formatting context
  • : Explains the inline formatting context.

Related concepts

• {{cssxref("font-size")}}  property
• {{cssxref("font-feature-settings")}}  property
• {{cssxref("letter-spacing")}}  property
• {{cssxref("text-anchor")}}  property
• {{cssxref("::first-letter")}}  pseudo-element
• {{cssxref(":first-child")}}  pseudo-class

Specifications

{{Specifications}} 

See also

• CSS text module
• CSS fonts module
• CSS writing modes module