HTML更改LI大小或图像

Question

鉴于孤独<li />，我需要增加它的大小。字体大小仅适用于firefox，IE只显示相同的大小。

我可以通过其他方式更改LI尺寸，还是设置图片？请注意（我知道这很糟糕）没有UL元素，它是无效标记，因为它是旧系统的一部分，设计意味着无法轻松添加UL。

Answer 1

<li>元素是内联元素，因此它们将获得内部元素的宽度。您可以将display属性设置为“inline-block”并设置宽度。我想这会解决你的问题。

Answer 2

<li>是一个内联元素，您可以使用display: inline-block;让它接受宽度，高度，背景，定位和其他规则，同时保持其内联流。

此外，您可以尝试将<span>与位于文本左侧的点图像一起使用，而不是使用无效标记。

.liSpan
{
   display: inline-block;
   background-image: images/dot.png;
   background.position: left;
   padding-left: 25px;
}

或类似的东西：）

Answer 3

尝试调整行高或填充以增加高度。

.liSpan
{
    line-height: 2em;
    padding: 1em 0;
}