在保持Break-Word的同时并排对齐P标签中的文本

Question

我正在尝试将 3 p标记并排排列，并使它们全部运行，就像使用属性设置样式的单个段落一样： WordWrap：Break -Word

这样它可以使p标签彼此相邻，可以自由移动到下一行，也可以根据大小拉伸成一行。最终的结果看起来应该像这样：

这是streteched out的一个示例：

*<p>sample document<p/><p>sample document<p>sample document</p>*

这是一起拼凑的单词示例：

*<p>sample document<p/><p>sample 
document<p>sample document</p>* 

http://jsfiddle.net/5fdd6/75/

这是带有3个p标签的jfiddle。

Answer 1

试试

p{
 display:inline;
 word-wrap: break-word;
}

DEMO here

Answer 2

选中此fiddle

你只需要在css

中拥有它

p{
    float:left;
}

试试..