<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS text decoration test: emphasis marks and punctuation</title>
<style>
p { line-height: 2; }
</style>
<p>A few punctuation marks <b>do</b> get emphasis marks:</p>
<p lang="ja">
[<ruby>a<rt>•</rt>b<rt>•</rt>c<rt>•</rt></ruby>
<!-- list from https://drafts.csswg.org/css-text-decor/#text-emphasis-style-property -->
<ruby>#<rt>•</rt></ruby> <!-- # NUMBER SIGN -->
<ruby>%<rt>•</rt></ruby> <!-- % PERCENT SIGN -->
<ruby>&<rt>•</rt></ruby> <!-- & AMPERSAND -->
<ruby>@<rt>•</rt></ruby> <!-- @ COMMERCIAL AT -->
<ruby>§<rt>•</rt></ruby> <!-- § SECTION SIGN -->
<ruby>¶<rt>•</rt></ruby> <!-- ¶ PILCROW SIGN -->
<ruby>؉<rt>•</rt></ruby> <!-- ؉ ARABIC-INDIC PER MILLE SIGN -->
<ruby>؊<rt>•</rt></ruby> <!-- ؊ ARABIC-INDIC PER TEN THOUSAND SIGN -->
<ruby>٪<rt>•</rt></ruby> <!-- ٪ ARABIC PERCENT SIGN -->
<ruby>‰<rt>•</rt></ruby> <!-- ‰ PER MILLE SIGN -->
<ruby>‱<rt>•</rt></ruby> <!-- ‱ PER TEN THOUSAND SIGN -->
<ruby>⁊<rt>•</rt></ruby> <!-- ⁊ TIRONIAN SIGN ET -->
<ruby>⁋<rt>•</rt></ruby> <!-- ⁋ REVERSED PILCROW SIGN -->
<ruby>⁓<rt>•</rt></ruby> <!-- ⁓ SWUNG DASH -->
<ruby>〽<rt>•</rt></ruby> <!-- 〽️ PART ALTERNATION MARK -->
<br>
<!-- characters with NFKD equivalence to the above, from UnicodeData.txt -->
<ruby>﹟<rt>•</rt></ruby> <!-- SMALL NUMBER SIGN;Po;0;ET;<small> 0023;;;;N;;;;; -->
<ruby>﹠<rt>•</rt></ruby> <!-- SMALL AMPERSAND;Po;0;ON;<small> 0026;;;;N;;;;; -->
<ruby>﹪<rt>•</rt></ruby> <!-- SMALL PERCENT SIGN;Po;0;ET;<small> 0025;;;;N;;;;; -->
<ruby>﹫<rt>•</rt></ruby> <!-- SMALL COMMERCIAL AT;Po;0;ON;<small> 0040;;;;N;;;;; -->
<ruby>#<rt>•</rt></ruby> <!-- FULLWIDTH NUMBER SIGN;Po;0;ET;<wide> 0023;;;;N;;;;; -->
<ruby>%<rt>•</rt></ruby> <!-- FULLWIDTH PERCENT SIGN;Po;0;ET;<wide> 0025;;;;N;;;;; -->
<ruby>&<rt>•</rt></ruby> <!-- FULLWIDTH AMPERSAND;Po;0;ON;<wide> 0026;;;;N;;;;; -->
<ruby>@<rt>•</rt></ruby> <!-- FULLWIDTH COMMERCIAL AT;Po;0;ON;<wide> 0040;;;;N;;;;; -->
<ruby>x<rt>•</rt>y<rt>•</rt>z<rt>•</rt></ruby>]
</p>