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

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

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

尝试浮动跨度:

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