ruby-inlinize-blocks-004-ref.html (770B)
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 .inline { 10 display: inline-block; 11 background-color: yellow; 12 width: 30px; height: 30px; 13 } 14 </style> 15 </head> 16 <body> 17 <div><ruby>a<span><div class="inline">b</div></span>c</ruby></div> 18 <div><rb>a<span><div class="inline">b</div></span>c</rb></div> 19 <div><rt>a<span><div class="inline">b</div></span>c</rt></div> 20 <div><rbc>a<span><div class="inline">b</div></span>c</rbc></div> 21 <div><rtc>a<span><div class="inline">b</div></span>c</rtc></div> 22 </body> 23 </html>