1 <!DOCTYPE html>
2 <html><head><meta charset="utf-8">
3 <title>CSS Text Test: overflow-wrap: break-word</title>
4 <link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
5 <link href="https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-break-word" rel="help">
6 <meta content="ahem" name="flags">
7 <link href="reference/overflow-wrap-break-word-001-ref.htm" rel="match">
8 <meta content="sequences of nbsp characters that would cause overflow are expected to be broken when overflow-wrap is break-word" name="assert">
9 <style>
10 div {
11 position: relative;
12 width: 100px;
13 height: 100px;
14 font-family: ahem;
15 color: red;
16 overflow-wrap: break-word;
17 font-size: 25px;
18 line-height: 27px;
19 }
20 div::after{
21 content: "";
22 position: absolute;
23 top: 0; left: 0; bottom: 0; right: 0;
24 background: green;
25 }
26 </style>
27 </head><body>
28 <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
29 <div> X</div>
30
31 </body></html>