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