Languages
[Edit]
EN

CSS - how to disable word wrapping in HTML?

10 points
Created by:
Isaiah89
721

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?
Donate to Dirask
Our content is created by volunteers - like Wikipedia. If you think, the things we do are good, donate us. Thanks!
Join to our subscribers to be up to date with content, news and offers.

CSS

Native Advertising
🚀
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂

Join