Languages
[Edit]
EN

CSS - how to disable word wrapping in HTML?

7 points
Created by:
JustMike
26150

Using CSS it is possible to remove word wrapping in following ways.

Note: read this article how to disable line wrapping, beacuse indirectly it solves the problem of world wrapping.

1. word-wrap: keep-all example

This solution prevents of long words breaking.

// ONLINE-RUNNER:browser;

<!doctype html>
<html>
<head>
  <style>

    p {
        border: 1px solid black;
        width: 200px;
		word-wrap: keep-all;
    }

  </style>
</head>
<body>
  <p>
    Very__long__web__page__text__here: 1 2 3 4 5 ...
    Very long web page text here: 1 2 3 4 5 ...
  </p>
</body>
</html>

See also

  1. CSS - how to disable line wrapping in HTML?

Merged quastions

  1. CSS - how to turn off world wrapping in HTML?
  2. CSS - how to remove world wrapping in HTML?
Native Advertising
50 000 ad impressions - 449$
ūüöÄ
Get your tech brand or product in front of software developers.
For more information contact us:
Red dot
Dirask - friendly IT community for everyone.

‚̧ԳŹūüíĽ ūüôā

Join