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