在同一行显示图像和文本 - 2列无序列表

Question

昨天我问了这个问题并得到了解决方案。事实证明，我应该使用不同的方法（工作场所必需品）。

我有一个2列无序列表。我希望文本与图像之间的间隔很小（我有工作），第二行文本与第一行对齐。我无法得到这个。

<section class="freedom_carousel"> 

<ul class="two-col-special">
<li> <p class="item"> <img class="icon" src="/pth/to/image" > <span class="icon-text"> <b>This is </b> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </span> </p></li>
<li> <p class="item"> <img class="icon" src="/pth/to/image" > <span class="icon-text"> <b>This is </b> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </span> </p></li>
<li> <p class="item"> <img class="icon" src="/pth/to/image" > <span class="icon-text"> <b>This is </b> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </span> </p></li>
<li> <p class="item"> <img class="icon" src="/pth/to/image" > <span class="icon-text"> <b>This is </b> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </span> </p></li>
</ul>

   </section>   

JSfiddle：http://jsfiddle.net/jx6nwr62/1/

我相信它与display：block有关。我一直在尝试各种组合，似乎没有什么工作正常。

非常感谢任何帮助。