ruby-inlinize-blocks-003-ref.html (1025B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS Reference: Inlinize block-level boxes inside ruby</title> 6 <link rel="author" title="Xidorn Quan" href="mailto:quanxunzhen@gmail.com"> 7 <link rel="stylesheet" href="support/ruby-common.css"> 8 <style> 9 div { border-collapse: collapse; } 10 .table { display: inline-table; } 11 .cell { 12 display: table-cell; 13 background-color: yellow; 14 border: 3px solid blue; 15 } 16 </style> 17 </head> 18 <body> 19 <div><ruby>a<div class="table"><div class="cell">b1</div><div class="cell">b2</div></div>c</ruby></div> 20 <div><rb>a<div class="table"><div class="cell">b1</div><div class="cell">b2</div></div>c</rb></div> 21 <div><rt>a<div class="table"><div class="cell">b1</div><div class="cell">b2</div></div>c</rt></div> 22 <div><rbc>a<div class="table"><div class="cell">b1</div><div class="cell">b2</div></div>c</rbc></div> 23 <div><rtc>a<div class="table"><div class="cell">b1</div><div class="cell">b2</div></div>c</rtc></div> 24 </body> 25 </html>