Line-height property

As explained in Build a Website with ChatGPT

The CSS line-height property specifies the height of a line box and the spacing of text lines.

How Build a Website with ChatGPT covers it

How deep it goes

Demonstrates the declaration line-height: 1.5 and adjustment by experimentation, without explaining browser line-box internals.

Examples

Uses body-rule examples containing line-height: 1.5 alongside font size, padding, margins, colors, and maximum width.

What it assumes

Assumes familiarity with locating a CSS body rule and changing declarations, while introducing line spacing through a small example.

What you can do after

Apply it by adding line-height: 1.5 to a CSS body rule and adjusting the value for comfortable text spacing.

How it connects

Connects line-height with CSS, body rules, font size, padding, margins, and rem units.

liveBookmanning.com

Read Build a Website with ChatGPT on liveBook Get the book at manning.com

Also explained in

• 

  liveBookmanning.com
  CSS in Depth, Second EditionThe line-height property specifies the height of a line box or the distance between lines of text.
• 

  liveBookmanning.com
  Math for Web DesignThe CSS line-height property specifies the height of a line box or the spacing allocated to each line of text.
• 

  liveBookmanning.com
  Design for DevelopersLine height is the vertical distance allocated to each line of text, including the space between successive lines.
• 

  liveBookmanning.com
  WordPress Power Toolkit: Harness AI to build next-level websitesLine height is the vertical spacing between successive lines of text, typically expressed as a multiple of the font size.
• 

  liveBookmanning.com
  Web Design Playground, Second EditionThe CSS line-height property specifies the height of each line box used to lay out text.
• 

  liveBookmanning.com
  Everyday Data VisualizationLine spacing is the vertical distance between successive lines of text.
• 

  liveBookmanning.com
  Tiny CSS ProjectsLine height, also called leading, is the vertical distance allocated to each line of text.

Compare how 8 books explain line-height property →

Related concepts

• typographypart of · Typography is the design and arrangement of written text, including typeface, size, spacing, alignment, and layout, to support readability and visual communication.
• font-size propertyuses · The CSS font-size property specifies the nominal size of an element’s rendered text.
• unitless numberused by · A unitless number is a CSS numeric value written without a measurement unit and interpreted according to the receiving property.
• WCAGconfigured by · WCAG is a W3C standard providing testable recommendations and success criteria for making web content accessible to people with disabilities.
• inline containerconfigures · An inline container is an HTML element that participates in inline layout, flowing with surrounding content and potentially wrapping within its containing block.

This explainer was generated by Manning's knowledge graph from the text of Build a Website with ChatGPT. The section links point to the parts of the book it draws on.