text-box-trim-multicol-011.html (828B)
1 <!DOCTYPE html> 2 <title>Test text-box-trim with orphans</title> 3 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 4 <link rel="help" href="https://drafts.csswg.org/css-inline-3/#text-box-trim"> 5 <link rel="help" href="https://drafts.csswg.org/css-break/#widows-orphans"> 6 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 7 <link rel="match" href="text-box-trim-multicol-011-ref.html"> 8 <style> 9 .multicol { 10 columns: 3; 11 column-fill: auto; 12 width: 640px; 13 height: 400px; 14 gap: 20px; 15 text-box-trim: trim-both; 16 font-family: Ahem; 17 font-size: 50px; 18 line-height: 100px; 19 orphans: 2; 20 widows: 1; 21 background: yellow; 22 } 23 </style> 24 <div class="multicol"> 25 <div style="height:225px; background:cyan;"></div> 26 xxx<br> 27 xxx<br> 28 xxx<br> 29 xxx<br> 30 </div>