hanging-punctuation-inline-001.html (719B)
1 <!doctype html> 2 <html lang=en> 3 4 <title>CSS Test: hanging-punctuation - force-end - basic cases</title> 5 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> 6 <link rel="help" href="http://www.w3.org/TR/css-text-3/#hanging-punctuation"> 7 <link rel="match" href="reference/hanging-punctuation-inline-001-ref.html"> 8 <meta name="assert" content="hanging punctuation applies to inlines"> 9 <style> 10 div { font-size: 2em; } 11 #ref { color: blue; } 12 #test { 13 width: 4em; 14 color: orange; 15 } 16 #test span { 17 hanging-punctuation: last; 18 } 19 </style> 20 21 <p>Test passes if the orange and blue pieces of text are laid out identically. 22 23 <div id=ref>字字字字」</div> 24 <div id=test>字字字字<span>」</span></div>