我可以在<li> </li>标签后放置文字吗？

Question

我想知道，我可以在Li标签后放置文字并且它是否正确？ 实施例

<ul>
    <li>Text</li>
    Text here after tag
    <li>Text</li>
    Text here after tag
</ul>

编写这样的代码将返回li标记缩进的点，这就是我想要实现的目标。

Answer 1

关于您的屏幕截图 - 以下代码可以满足您的需求

<ul>
    <li>Text</li>
    <span>Text here after tag</span>
    <li>Text</li>
    <span>Text here after tag</span>
</ul>

CSS

span {
    margin-left: -15px;
}

这是一个小提琴：http://jsfiddle.net/P2CXF/

请注意，W3C标记验证程序将抛出错误。不允许将<span>标记作为<ul>

的子标记

编辑：

这个将验证（谢谢@ Ma3x）

<ul>
    <li>Text<br />
    <span>Text here after tag</span></li>
    <li>Text<br />
    <span>Text here after tag</span></li>
</ul>

您也可以使用<p>代替<span>。

Answer 2

使用<br />代替：

<ul>
<li>Text<br />Text here after tag</li>

<li>Text<br />Text here after tag</li></ul>

如果您打算做的就是将文本分解为下一行，那么会产生相同的效果并在语义上更有意义。

fiddle

Answer 3

通过HTML语法在li元素之间包含文本无效。但你真正要求的是你jsfiddle中的渲染，这可以通过使用像

这样的标记来实现。

<ul>
    <li>Text<br>
    Text here
    <li>Text<br>
    Text here
</ul>

以及使列表项目符号显示在“内部”的样式表：

ul { list-style-position: inside }

查看我的jsfiddle。