<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8"/>
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>

<p class="ja"><ruby class="noun-common">まち<rt>machi</rt></ruby>
<ruby class="particle-adnominalizer">の<rt>no</rt></ruby>
<ruby class="noun-affix-misc">もの<rt>mono</rt></ruby>
<ruby class="particle-dependency">も<rt>mo</rt></ruby>
&thinsp;<ruby class="noun-common">まほう<rt>mahō</rt></ruby>
<ruby class="particle-case-misc">を<rt>o</rt></ruby>
<ruby class="verb-main">つかえる<rt>tsukaeru</rt></ruby><ruby class="noun-affix-misc">の<rt>no</rt></ruby>
<ruby class="particle-dependency">は<rt>ha</rt></ruby>
&thinsp;<ruby class="noun-numeric">いち<rt>ichi</rt></ruby><ruby class="noun-suffix-classifier">わり<rt>wari</rt></ruby>
<ruby class="particle-dependency">も<rt>mo</rt></ruby>
<ruby class="verb-main">いま<rt>ima</rt></ruby><ruby class="verb-suffix">せ<rt>se</rt></ruby>
<ruby class="particle-conjunctive">んで<rt>nde</rt></ruby>
&rarr;
</p>

<p class="translation">Only 10% of the citizens can use magic. </p>
</body></html>