EN
CSS - how to disable word wrapping in HTML?
10
points
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>