line-clamp-auto-with-ruby-005-ref.html (463B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Reference</title> 4 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 5 <style> 6 .clamp { 7 font: 16px / 32px serif; 8 white-space: pre; 9 background-color: yellow; 10 padding: 0 4px; 11 padding-bottom: .75lh; 12 } 13 ruby { 14 font-family: Ahem; 15 ruby-position: under; 16 } 17 rt { 18 font: 32px / 32px Ahem; 19 color: blue; 20 } 21 </style> 22 23 <div class="clamp">Line 1 24 Line 2 25 Line 3 26 Line 4 27 <ruby>Line 5<rt>X</ruby>…</div>