Javascript 如何在块内浮动文本，就像它是内联的一样？

给定一个图像和一个div，该div是另一个div中的一列，该div是内容，如何使具有固定宽度且是显示块的列将其文本浮动到图像旁边

 <img src="https://www.google.com/images/srpr/logo11w.png">
<div id="content">
<div class="column">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est. 
</div>    
</div>

这是代码参考

我能想到的最接近的事情是在列中放置一个空div，用js获取图像的宽度，并将其设置为列中的空div，然后像在同一容器中的两个元素一样浮动

---

有jquery库可以做这样的事情吗

占位符似乎是最简单的解决方案

    img{
  float: left;
}
#content{
  position: absolute;
  width: 500px;
}
.column{
  width: 800px;
}
#placeholder{
  width: 550px;
  height: 200px;
  float: left;
}

---

显示：内联块？图像大于文本列。如果将其大小设置为小于列的宽度，它将按预期浮动。display inline block将在右侧浮动，但不会在底部浮动。在这种情况下，图像宽度无关紧要。谁投了反对票，为什么？现在我被禁了…太好了