报纸布局有两列和报价框居中？

Question

我正在寻找一种方法来为网站创建报纸布局,其中内容被分成两列,但在列的中间有一个引用框.

我知道如何使用CSS3制作两列

-moz-column-count: 2;
-moz-column-gap: 10px;
-webkit-column-count: 2;
-webkit-column-gap: 10px;

但是如何在中间创建引用框,是否有任何方法可以将内容中的内容"包装"在中间的框中？

我附上了我的意思.
请想象一下,在这个插图中,两列中的文本包裹在中间的框中.

Answer 1

我想这是错误的，但是......：

<style>
#one {
    float:left;
    width:48%;
    background-color:#f0f0f0;
    min-height:400px;
}
#two {
    float:right;
    width:48%;
    background-color:#f0f0f0;
    min-height:400px;
}
#three {
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-150px;
    margin-left:-100px;
    border:1px solid;
    width:200px;
    height:200px;
}
</style>
<div id="one">ONE</div>
<div id="three">3</div>
<div id="two">two</div>