1 <!DOCTYPE html>
2 <html><head><meta charset="utf-8">
3 <title>CSS Text Test: overflow-wrap: break-word with fit-content</title>
4 <link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
5 <link href="http://www.w3.org/TR/css-text-3/#overflow-wrap" rel="help" title="6.2. Overflow Wrapping: the 'word-wrap'/'overflow-wrap' property">
6 <meta content="" name="flags">
7 <link href="reference/overflow-wrap-break-word-fit-content-001.htm" rel="match">
8 <meta content="The 'overflow-wrap: break-word' must not break surrogate pairs" name="assert">
9 <style>
10 .test {
11 display: inline-block;
12 word-wrap: break-word;
13 font-size: 20px;
14 line-height: 1;
15 margin-bottom: .2em;
16 }
17 </style>
18 </head><body>
19 <div id="log"></div>
20 <p class="instructions">Tests pass if all lines do not wrap.
21 </p><div><div class="test">𝜋</div></div>
22 <div><div class="test">𝜋</div></div>
23
24 </body></html>