Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
body {
display: flow-root;
font-family: Ahem;
font-size: 10px;
}
ruby {
color: transparent;
}
rt {
color: green;
}
</style>
<div style="margin: 10px 0px 20px 10px;"><ruby>base<rt>annotation</rt></ruby></div>
<div style="margin-top: 10px;"><ruby>base<rt>annotation</rt></ruby></div>
<div style="margin-bottom: 30px;"><ruby>base<rt>annotation</rt></ruby></div>
<div style="margin: 20px 0px 10px 10px"><ruby>base<rt>annotation</rt></ruby></div>
<div style="margin: 20px 0px 0px 0px"><ruby>base<rt>annotation</rt></ruby></div>
<div style="margin: 0px 0px 10px 0px"><ruby>base<rt>annotation</rt></ruby></div>
<div style="writing-mode: vertical-lr">
<div style="margin: 0px 0px 0px 10px"><ruby>base<rt>annotation</rt></ruby></div>
<div style="margin: 0px 0px 0px 10px"><ruby>base<rt>annotation</rt></ruby></div>
<div style="margin: -10px 0px 0px 0px"><ruby>base<rt>annotation</rt></ruby></div>
</div>