<!DOCTYPE HTML> <html lang="ja"> <head> <title>Full-width variations of regular spaces</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body { margin: 5px; } #test, #test pre { font: 150% Hiragino Kaku Gothic ProN, Meiryo, Yu Gothic, sans-serif; -webkit-font-feature-settings: "fwid" on; font-feature-settings: "fwid" on; } #test pre span { background-color: red; } pre { margin: 0; padding: 0; } </style> </head> <body> <p>Rows should all be the same length:</p> <div id="test"> <pre><span> a b c A B C </span></pre> <pre><span> a b c A B C </span></pre> <pre><span>ba bA bb bB c</span></pre> <pre><span>ba bA bb bB c</span></pre> </div> </body> </html>