ruby-annotation-with-margin-ref.html (985B)
1 <!DOCTYPE html> 2 <link rel="stylesheet" href="/fonts/ahem.css"> 3 <style> 4 body { 5 display: flow-root; 6 font-family: Ahem; 7 font-size: 10px; 8 } 9 10 ruby { 11 color: transparent; 12 } 13 14 rt { 15 color: green; 16 } 17 </style> 18 <div style="margin: 10px 0px 20px 10px;"><ruby>base<rt>annotation</rt></ruby></div> 19 <div style="margin-top: 10px;"><ruby>base<rt>annotation</rt></ruby></div> 20 <div style="margin-bottom: 30px;"><ruby>base<rt>annotation</rt></ruby></div> 21 <div style="margin: 20px 0px 10px 10px"><ruby>base<rt>annotation</rt></ruby></div> 22 <div style="margin: 20px 0px 0px 0px"><ruby>base<rt>annotation</rt></ruby></div> 23 <div style="margin: 0px 0px 10px 0px"><ruby>base<rt>annotation</rt></ruby></div> 24 25 <div style="writing-mode: vertical-lr"> 26 <div style="margin: 0px 0px 0px 10px"><ruby>base<rt>annotation</rt></ruby></div> 27 <div style="margin: 0px 0px 0px 10px"><ruby>base<rt>annotation</rt></ruby></div> 28 <div style="margin: -10px 0px 0px 0px"><ruby>base<rt>annotation</rt></ruby></div> 29 </div>