Html 控制带有列计数的分布

问题:

是否有办法防止单个p/p中包含的内容在列之间拆分？将它包含在一个div中并赋予它一个height属性似乎是可行的，但我正在寻找一种更通用的东西，而不是逐个条目

理想情况下，除非有大量的文本(http://www.offprint.am/wp/3836516861/)我希望描述在左边，信息在右边。我可以用列容器外的两个div（float:left）来实现这一点，但我很难让它们居中

后者（w/divs）将是首选的解决方案，但我将立即接受我能得到的任何帮助

旁白：

.entry是包含列计数等内容的主容器。对于浮点运算，我将两个容器（.desc和.info）显示为：block；float:left并借用了.entry的边框/间距属性（.desc padding right:30px；border right:1px虚线#eee；/.info padding left:30px；）

---

尽管它在很大程度上达到了我的目的，但它根本不会居中运行。

从

中删除以下内容：

-moz-column-count: 2;
-moz-column-gap: 60px;
-moz-column-rule: 1px dashed #EEEEEE;

添加溢出：隐藏

然后将
.entry p
修改为：

.entry p {
    border-right: 1px dashed #EEEEEE;
    float: left;
    margin: 0 30px 15px 0;
    padding-right: 30px;
    width: 395px;
}

还添加以下内容：

-moz-column-count: 2;
-moz-column-gap: 60px;
-moz-column-rule: 1px dashed #EEEEEE;

.entry.info{
浮动：左；
宽度：300px；
}