Interactive tool to compare all 6 CSS white-space values. See how each handles spaces, newlines, and text wrapping in real time.
| Value | Collapse Spaces | Collapse Newlines | Text Wrapping |
|---|---|---|---|
| normal | Yes | Yes | Yes |
| nowrap | Yes | Yes | No |
| pre | No | No | No |
| pre-wrap | No | No | Yes |
| pre-line | Yes | No | Yes |
| break-spaces | No | No | Yes* |
* break-spaces also wraps after preserved spaces, unlike pre-wrap which hangs trailing spaces.
| Value | Collapse Spaces | Collapse Newlines | Text Wrapping |
|---|---|---|---|
| normal | Yes | Yes | Yes |
| nowrap | Yes | Yes | No |
| pre | No | No | No |
| pre-wrap | No | No | Yes |
| pre-line | Yes | No | Yes |
| break-spaces | No | No | Yes* |
* break-spaces also wraps after preserved spaces, unlike pre-wrap which hangs them at end of line.
Advanced white-space tools for professionals
Auto-format code with white-space aware rules. Supports HTML, CSS, JS, and Markdown formatting.
See invisible characters: spaces, tabs, newlines, zero-width chars. Color-coded overlay on any text.
Export comparisons as PNG, PDF, or shareable links. Perfect for documentation and code reviews.