hyphens-span-001.html (1005B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text Test: manual hyphen and span</title> 4 <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property"> 6 <link rel="match" href="reference/hyphens-span-001-ref.html"> 7 <meta name="assert" content="the presence of an unstyled inline element has no effect on text in general and on manual hyhenation in particular"> 8 <style> 9 div { 10 border: solid orange; 11 margin: 5px; 12 width: 6ch; 13 hyphens: manual; 14 } 15 </style> 16 17 <p>Test passes if the text in all orange boxes below is identical (including the presence and position of a hyphen). 18 19 <div>high­way</div> 20 <div><span>high</span>­way</div> 21 <div><span>high­</span>way</div> 22 <div>high<span>­</span>way</div> 23 <div>high<span>­way</span></div> 24 <div>high­<span>way</span></div> 25 <div><span>high</span>­<span>way</span></div> 26 <div><span>high­wa</span>y</div> 27 <div><span>hi</span>gh­way</div>