Html Entity

space entities difference

by allen Yu

HTML

<div>
  <ul>
    <li>標&emsp;&emsp;題&nbsp;:</li>
    <li>填&ensp;寫&ensp;人&nbsp;:</li>
    <li>聯絡電話&nbsp;:</li>
  </ul>
</div>
<div>
  <ul>
    <li>標<span class="emsp"></span><span class="emsp"></span>題<span class="nbsp"></span>:</li>
    <li>填<span class="ensp"></span>寫<span class="ensp"></span>人<span class="nbsp"></span>:</li>
    <li>聯絡電話<span class="nbsp"></span>:</li>
  </ul>
</div>

CSS

.nbsp:after {
  content: '\00A0';
  speak: none;
}

.ensp:after {
  content: '\2002';
  speak: none;
}

.emsp:after {
  content: '\2003';
  speak: none;
}