Initial-letter-breaking-ref.html (1286B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Tests interaction with fragmentation.</title> 5 <link rel="author" title="Google LLC" href="https://www.google.com/"> 6 <link rel="help" href="https://drafts.csswg.org/css-inline/#initial-letter-breaking"> 7 <meta name="flags" content="ahem"> 8 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" > 9 <style> 10 .sample { 11 font-family: Ahem; 12 font-size: 20px; 13 line-height: 24px; 14 width: 230px; 15 } 16 17 .float { 18 background: cyan; 19 clear: none; 20 float: left; 21 height: 50px; 22 width: 50px; 23 } 24 25 .mc { columns: 2;} 26 27 .fake-initial-letter { 28 background: lime; 29 float: left; 30 height: 80px; 31 margin-top: 2px; 32 width: 80px; 33 } 34 </style> 35 </head> 36 <body> 37 <div class="mc"> 38 <div class="sample"><div class="fake-initial-letter"></div>BC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC </div> 39 <div class="sample"><div class="fake-initial-letter"></div>BC ABC ABC ABC ABC ABC ABC ABC<br clear="both">ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC </div> 40 <div class="sample"><div class="fake-initial-letter"></div>BC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC </div> 41 </div> 42 </body> 43 </html>