如何使用自定义样式在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

DEMO:

试试这个：

img{float:right;
    width:150px; 
    height:150px;
    background:#333;
    margin:10px;
}

div {
       -moz-column-count: 2;
       -moz-column-gap: 20px;
       -webkit-column-count: 2;
       -webkit-column-gap: 20px;
}