html中不寻常的空格

Question

我在html中使用空格字符在我的文本中给出了常规空格,但有趣的是一些文本仍然没有常规空格.请看一看,

<ul style="margin-left:40px;background-color:#6CF ;padding-left:20px;padding-right:10px;padding-top:10px;padding-bottom:10px; font-size:12px;" >
<li>CS-103  &nbsp;&nbsp; Programming Languages</li>
<li>EL-133  &nbsp;&nbsp; Electronics-I</li>
<li>MT-111  &nbsp;&nbsp; Calculus</li>
<li>CY-105  &nbsp;&nbsp; Applied Chemistry</li>
<li>PH-121  &nbsp;&nbsp; Applied Physics</li>
<li>HS-105  &nbsp;&nbsp; Pakistan Studies | HS-127 Pakistan Studies(for Foreigners)</li>
</ul>

这是它的外观,

CS-103编程语言

EL-133电子 - 我

MT-111微积分

CY-105应用化学

PH-121应用物理学

HS-105巴基斯坦研究| HS-127巴基斯坦研究(外国人)

请帮忙让所有列表元素看起来一样.谢谢

Answer 1

文本确实有常规空格.问题是您使用的字体不是固定宽度,并且课程类型/数字的长度会将其丢弃.

使用表格来表达这样的东西.