<!DOCTYPE html>
<style>
html { font-family:Ahem; }
p { word-break:break-all; width:4em; border:solid black thin; }
#ref { color:red; position:absolute; left:0; top:0; }
#test { position:absolute; left:0; top:0; }
</style>
<!-- Linux can't position #ref and #test aligned for East Asian fonts
<div id="ref">
<p>MMMM<br>MMMM
<p>M000<br>0000
<p lang="ja">漢漢漢漢<br>漢
<p>M MM<br>MMMM
<p>M 00<br>0000
<p>MMM<br>M===
<p>M M<br>M===
<p>MM0<br>0===
<p>M 0<br>0===
<p lang="ja">漢漢漢<br>漢。
</div>
-->
<div id="test">
<p>MMMMMMMM
<p>M0000000
<p lang="ja">漢漢漢漢漢
<p>M MMMMMM
<p>M 000000
<p>MMMM)==
<p>M MM)==
<p>MM00)==
<p>M 00)==
<p lang="ja">漢漢漢漢。
<p>=======
</div>