<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> div { border:1px solid black; } b { font-weight:normal; background-color:yellow; font-size: 16px; line-height: 16px;} .nowrap { white-space:nowrap; } .pre { white-space:pre; } .prewrap { white-space:pre-wrap; } .preline { white-space:pre-line; } </style> </head> <body> <div> <p><b><span>斷行 測試</span></b> <p><b><span>斷行​ 測試</span></b> <p><b><span>斷行 ​測試</span></b> <p><b><span>斷行​ ​測試</span></b> <p><b><span class="nowrap">斷行 測試</span></b> <p><b><span class="pre">斷行 測試</span></b> <p><b><span class="prewrap">斷行 測試</span></b> <p><b><span class="preline">斷行 測試</span></b> <p><b><span>Hello Kitty</span></b> <p><b><span>Hello​ Kitty</span></b> <p><b><span>Hello ​Kitty</span></b> <p><b><span>Hello​ ​Kitty</span></b> <!-- test surrogates handling --> <p><b><span>𠀀𠀁 𠀂𠀃</span></b> <p><b><span>𠀀測 𠀂𠀃</span></b> <p><b><span>𠀀𠀁 測𠀃</span></b> <!-- test emoji handling --> <p><b><span>斷😀 測試</span></b> <p><b><span>斷行 😁試</span></b> <p><b><span>斷😀 😁試</span></b> <p><b><span>Hello😀 😁Kitty</span></b> </div> </body> </html>