html - float 框旁边列表的左边距

Question

我想在 float 框旁边放置一个列表。问题是，列表项的元素符号点显示在主要 block 框之外。所以元素的文本与普通文本对齐，但不是元素符号点。

这是代码示例:http://codepen.io/Juuro/pen/oelqm

如果我使用 list-style-position: inside; 对于单行元素，它会按预期工作。另一种解决方案是将整个列表放在一个额外的框中或为其提供 display: inline-block;。但随后列表项将不再围绕框 float 。

我的要求是:

• float 框旁边的元素符号点应该像没有 float 框一样缩进。
• 在多行元素中，要点应位于文本的“外部”。
• 列表应该仍然 float 。

这可能吗？

Answer 1

这是你想要的吗？ http://codepen.io/anon/pen/ueaiy

样式表中的 li 似乎在 ul 中。