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

text-indent: hanging

The text-indent: hanging CSS declaration indents all lines except the first.

Typography

Overview

The text-indent: hanging CSS declaration indents all lines except the first.

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
css.properties.text-indent.hanging
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 
.bibliography {
  text-indent: 2em hanging;
}

Live demo

hanging 2em

CSS Hanging 2em demo.

PreviewFullscreen

hanging 3em

CSS Hanging 3em demo.

PreviewFullscreen

Normal indent

CSS Normalindent demo.

PreviewFullscreen

Use cases

  • Reading rhythm

    Use text-indent: hanging 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