Skip to content

Instantly share code, notes, and snippets.

@Alkimisti

Alkimisti/word-break.html

Created March 23, 2021 12:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Alkimisti/e8c90ce320cc85d446aa9f9fe19c2ea0 to your computer and use it in GitHub Desktop.
Save Alkimisti/e8c90ce320cc85d446aa9f9fe19c2ea0 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
word-break.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>word-break</title>
<style>
p {
width: 140px;
border: 1px solid #000000;
}
#normal {
word-break: normal;
}
#break_all {
word-break: break-all;
}
#keep_all {
word-break: keep-all;
}
</style>
</head>
<body>
<h1>word-break: normal:</h1>
<p id="normal">Loremipsumdolorsitamet, consectetur adipisicing elit. Officia, saepe.</p>
<h1>word-break: break-all:</h1>
<p id="break_all">Loremipsumdolorsitamet, consectetur adipisicing elit. Officia, saepe</p>
<h1>word-break: keep-all:</h1>
<p id="keep_all">Loremipsumdolorsitamet, consectetur adipisicing elit. Officia, saepe</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment