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