不能让文本包裹在设置区域内的网格上的位置

Question

我试图将两个单独的文本片段放到网格上的同一行上，我想要单词在网格的约束内环绕（或一个CSS边框）。目前输出是文本不包装。少了什么东西？

<h2 class="text" class="grid_6">Best cheese I've ever tasted!</h2> 
<h2 class="text" class="grid_6">Cannot wait to place our next order!</h2> 

CSS

.text { 
    word-wrap:break-word; 
    display:inline; 
} 

Answer 1

尝试增加

float:left 

在你的CSS

Answer 2

像这样给display:inline-block;

DEMO

CSS

.text { 
     word-wrap:break-word; 
     display:inline-block; 
}