Newly availableUseful when text-indent: each-line affects readability, line flow, or typographic consistency. Treat it as a content-facing choice, not just decoration.
Typography Newly available

text-indent: each-line

The text-indent: each-line CSS declaration indents text after forced breaks as well as to the first line of a block.

Typography

Overview

The text-indent: each-line CSS declaration indents text after forced breaks as well as to the first line of a block.

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
css.properties.text-indent.each-line
146
146
121
15
146
15
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

Syntax

CSS 
.poem {
  text-indent: 2em each-line;
}

Live demo

each-line 2em

CSS Each-line 2em demo.

PreviewFullscreen

each-line 1em

CSS Each-line 1em demo.

PreviewFullscreen

Normal indent

CSS Normalindent demo.

PreviewFullscreen

Use cases

  • Reading rhythm

    Use text-indent: each-line to improve how text wraps, aligns, or scales in dense layouts and editorial UI.

  • Language-aware text

    Adjust typography when script direction, spacing, or writing rules differ across languages.

Cautions

  • Test with real content rather than short placeholder strings because typographic behavior changes with length and language.
  • Prefer the smallest rule that solves the layout problem so text remains easy to maintain.

Accessibility

  • Typography choices should preserve readability at high zoom and on narrow screens.
  • Avoid stylistic settings that reduce comprehension or make scanning harder.

Related links

Powered by web-features