text-autospace-ideogram-alpha-001.html (875B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <link rel="help" href="https://drafts.csswg.org/css-text-4/#text-autospace-property"> 7 <link rel="match" href="text-autospace-ideogram-alpha-001-ref.html"> 8 <link rel="author" title="Vitor Roriz" href="https://github.com/vitorroriz"> 9 <link rel="stylesheet" href="/fonts/ahem.css"> 10 <style> 11 .no-autospace { 12 text-autospace: no-autospace; 13 } 14 .auto-space { 15 text-autospace: ideograph-alpha; 16 } 17 .manual-space { 18 margin-left: 0.125em; 19 } 20 p { 21 font-size: 40px; 22 margin: 2px; 23 font-family: Ahem; 24 } 25 </style> 26 </head> 27 <body> 28 <p class="no-autospace">A水水</p> 29 <p class="auto-space">A水水</p> 30 <p class="no-autospace">A<span class="manual-space">水水</span></p> 31 </body> 32 </html>