Presets

Target Element

white-space

NormalSequences of whitespace are collapsed. Lines break at allowed break points.No WrapWhitespace collapsed. Text never wraps to next line.PreWhitespace preserved. Lines only break at newlines.Pre-wrapWhitespace preserved. Lines break at newlines and as needed.Pre-lineWhitespace collapsed. Lines break at newlines and as needed.Break-spacesLike pre-wrap but spaces at end of lines are preserved.

text-wrap

word-break

overflow-wrap

Preview Settings

Preview Text (includes spaces & newlines)

Font Size: 16px

Line Height: 1.6

Container Width: 400px

Live Preview

This is a sample text with multiple spaces and line breaks to demonstrate white-space behavior. Indented text here. More spaced content.

Behavior Comparison

normal

Text with spaces and newlines.

nowrap

Text with spaces and newlines.

pre

Text  with   spaces
and newlines.

pre-wrap

Text  with   spaces
and newlines.

pre-line

Text with spaces and newlines.

Generated CSS

.text-content {
  white-space: normal;
}