<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS Reference: Inlinize block-level boxes inside ruby</title> <link rel="author" title="Xidorn Quan" href="mailto:quanxunzhen@gmail.com"> <link rel="stylesheet" href="support/rbc.css"> <style> ruby::before, rb::before, rt::before, rbc::before, rtc::before { content: "a"; display: inline-block; background-color: yellow; width: 30px; height: 30px; } ruby::after, rb::after, rt::after, rbc::after, rtc::after { content: "c"; display: inline-block; background-color: yellow; width: 30px; height: 30px; } </style> </head> <body> <div><ruby>b</ruby></div> <div><rb>b</rb></div> <div><rt>b</rt></div> <div><rbc>b</rbc></div> <div><rtc>b</rtc></div> </body> </html>