css - 如何将图像包装在文本中 - 列表未按文本排序？

Question

我试图将图像并排包裹在一些文本中。我几乎做到了，但是列表有一个小问题:

段落没有问题，但列表向左推了一点，在图像下方。我已经尝试了几件事，但无法解决问题:/

这是我正在使用的代码片段:

<div class="col-xs-8 pull-right">
    <img class="pull-left" style="margin:0px 10px 10px 0px;width:60%;height:220px;" src="http://kkop.files.wordpress.com/2010/01/usapolice.jpg"/>

    <div class="article-text">content here</div>
</div>

Answer 1

(由 OP 在问题编辑中回答。转换为社区维基答案。参见 Question with no answers, but issue solved in the comments (or extended in chat))

OP 写道:

Since no one helped me, I keept on searching and found a solution.

For everyone with the same problem, add this to css:

ol{
 padding:0;
 list-style-position:inside;
}

And the problem is solved! ;)