html - 无法在列表项标记内扩展跨度的宽度

Question

我正在尝试增加列表项标签内 span 标签的宽度。

示例 html；

<li><span>10:00 am</span>Toy Soldiers</li>

li/span 的 CSS

li span {
  color:#000;
  margin-right:5px;
  background-color:#fff;
  padding:3px;
  text-align:center;
  width:90px;
  display:inline;
}

我遇到问题的实时站点:http://www.herkimer.edu/hctv

我希望包含时间的白框彼此均匀，但在尝试在 css 中设置跨度宽度时我无法做到这一点。

也许我不允许在 li 内的跨度上强制设置宽度，如果是这样，请告诉我实现此目的的不同方法。

提前谢谢你。

Answer 1

由于显示值是内联的，因此忽略了宽度

尝试 float 跨度:

li span {
  float: left;
  color:#000;
  margin-right:5px;
  background-color:#fff;
  padding:3px;
  text-align:center;
  width:90px;
}