Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>CSS Ruby Reference</title>
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
body {
font: 16px/1 Ahem;
padding: 32px 0;
}
p {
margin: 0;
border: 5px solid blue;
}
ruby {
ruby-align: center;
font-size: 32px;
}
rt {
font-size: 8px;
}
.b {
font-size: 16px;
}
</style>
<p><ruby><rb>X<rb class="b">X<rt>x<rt>x</ruby></p>