text-box-trim-multicol-010.html (784B)
1 <!DOCTYPE html> 2 <title>Test text-box-trim with widows</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-010-ref.html"> 8 <style> 9 .multicol { 10 columns: 3; 11 column-fill: auto; 12 width: 640px; 13 height: 449px; 14 gap: 20px; 15 text-box-trim: trim-both; 16 font-family: Ahem; 17 font-size: 50px; 18 line-height: 100px; 19 orphans: 1; 20 widows: 2; 21 background: yellow; 22 } 23 </style> 24 <div class="multicol"> 25 xxx<br> 26 xxx<br> 27 xxx<br> 28 xxx<br> 29 xxx<br> 30 </div>