View Categories

CSS Text Spacing

< 1 min read

Text Indentation #

The text-indent property is used to specify the indentation of the first line of a text:

p { text-indent: 50px; }

Letter Spacing #

The letter-spacing property is used to specify the space between the characters in a text.

The following example demonstrates how to increase or decrease the space between characters:

h1 { letter-spacing: 3px; } h2 { letter-spacing: -3px; }

Line Height #

The line-height property is used to specify the space between lines:

p.small { line-height: 0.8; } p.big { line-height: 1.8; }

Word Spacing #

The word-spacing property is used to specify the space between the words in a text.

The following example demonstrates how to increase or decrease the space between words:

h1 { word-spacing: 10px; } h2 { word-spacing: -5px; }

White Space #

The white-space property specifies how white-space inside an element is handled.

This example demonstrates how to disable text wrapping inside an element:

p { white-space: nowrap; }

Powered by BetterDocs

Leave a Reply