<!DOCTYPE html> <html> <head> <title>Tests interaction with fragmentation.</title> <link rel="author" title="Google LLC" href="https://www.google.com/"> <link rel="help" href="https://drafts.csswg.org/css-inline/#initial-letter-breaking"> <meta name="flags" content="ahem"> <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" > <link rel="match" href="Initial-letter-breaking-ref.html"> <style> .sample { font-family: Ahem; font-size: 20px; line-height: 24px; width: 230px; } .float { background: cyan; clear: none; float: left; height: 50px; width: 50px; } .mc { columns: 2;} .initial-letter::first-letter { initial-letter: 3 drop; color: lime; font-size: 100px; /* should be ignored in rendering */ line-height: 50px; /* should be ignored in rendering */ } </style> </head> <body> <div class="mc"> <div class="sample initial-letter">ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC </div> <div class="sample initial-letter">ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC </div> <div class="sample initial-letter">ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC </div> </div> </body> </html>