line-clamp-auto-with-ruby-003-ref.html (444B)
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 } 12 ruby { 13 ruby-position: under; 14 } 15 rt { 16 font: 32px / 32px Ahem; 17 color: blue; 18 } 19 </style> 20 21 <div class="clamp">Line 1 22 Line 2 23 Line 3 24 Line 4 25 <ruby>Line 5<rt>X</ruby>…</div> 26 27 <p>Following content.</p>