将图片插入2列文本

Question

我正在编写一个包含HTML，CSS和jQuery的网站。我有一个2列样式的文本和文本之前的图片，如下所示：

   <div>
      <div style="float:right">
          <img src="imageSource"/>
      </div>    
      <div style="-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;">
          TEXT
      </div>
   </div>

我希望第一列出现在图像之前，第二列出现在图片之下，如下所示：

我该怎么做？

Answer 1

像这样：

<div class="col1">text</div>
<div class="col2">
    <img src="http://placehold.it/200x100">
    <div class="col2text">text</div>
</div>

CSS：

.col1{
    float:left;
    width:200px;
    border:1px solid black;
    height:400px;
}
.col2{
    width:200px;
    border:1px solid red;
    height:400px;
    float:left;
}

http://jsfiddle.net/y8md61no/