浮动框旁边的列表左边距

Question

我想在浮动框旁边放一个列表。问题是，列表项的项目符号点显示在主要块框之外。因此，项目的文本与普通文本对齐，但不与项目符号对齐。

以下是代码示例：http://codepen.io/Juuro/pen/oelqm

如果我使用list-style-position: inside;，它对于单行项目按预期工作。 另一个解决方案是将整个列表放在另一个框中或者给它display: inline-block;。但随后列表项目将在框中浮动。

我的要求是：

• 浮动框旁边的子弹点应该像没有浮动框一样缩进。
• 在多行项目中，项目符号应该留在＆＃34;外面＆＃34;文本。
• 列表仍然应该浮动。

这甚至可能吗？

Answer 1

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

似乎你在样式表中的li是在ul里面。

Answer 2

看到你的例子，如果没有缩进，决定你可以用这样的图片紧紧地指定容器的尺寸DEMO

.imagebox {
  float: left;
  margin: 0 10px 10px 0;
  height: 200px;/**add**/
  width: 170px; /**add**/
}

或在此类中为IMG标记设置固定大小