文本不會在標籤之前換行（引導）

Question

我對某些CSS有些麻煩，我想將文本換行，因此標籤位於中間的右側，如http://i.imgur.com/ss9lKk2.png，但目前看起來像這樣http://jsfiddle.net/yuvemL1z/標籤被推到文字下方，如果任何人都可以提供幫助，那就太好了，謝謝。

<div class="container"> 
    <div class="row"> 
     <div class="col-md-4">Text Test Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text<span class="label label-default pull-right">New</span></div> 
     <div class="col-md-4">Text</div> 
     <div class="col-md-4">Text</div> 
    </div> 
</div> 

h4 { 
    margin-top: 25px; 
} 
.row { 
    margin-bottom: 20px; 
} 
.row .row { 
    margin-top: 10px; 
    margin-bottom: 0; 
} 
[class*="col-"] { 
    padding-top: 15px; 
    padding-bottom: 15px; 
    background-color: #eee; 
    background-color: rgba(86,61,124,.15); 
    border: 1px solid #ddd; 
    border: 1px solid rgba(86,61,124,.2); 
} 
hr { 
    margin-top: 40px; 
    margin-bottom: 40px; 
} 

Answer 1

添加元素包含文本，像這樣：

<div class="col-md-4"><div class="innertext">Text Test Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text</div><span class="label label-default pull-right">New</span></div> 

現在，簡單的風格，.innertext DIV，像這樣：

.innertext{display:inline-block; width:90%} 

See fiddle