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