title: Twitter Bootstrap Button Text Word Wrap
body: <p>For the life of me I am unable to get these twitter bootstrap buttons to text wrap onto multiple lines, they appearing like so.</p>
  
  <p>I cannot post images, so this is what it is doing...</p>
  
  <p>[This is the bu] tton text</p>
  
  <p>I would like it to appear like</p>
  
  <p>[This is the ]</p>
  
  <p>[button text ]</p>
  
  <pre><code>&lt;div class="col-lg-3"&gt; &lt;!-- FIRST COL --&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-body"&gt; 
      &lt;h4&gt;Posted on&lt;/h4&gt;
      &lt;p&gt;22nd September 2013&lt;/p&gt;
      &lt;h4&gt;Tags&lt;/h4&gt;
      &lt;a href="#" class="btn btn-primary btn-xs col-lg-12" style="margin-bottom:4px;"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/a&gt;
     &lt;a href="#" class="btn btn-primary btn-xs col-lg-12" style="margin-bottom:4px;"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/a&gt;
     &lt;a href="#" class="btn btn-primary btn-xs col-lg-12" style="margin-bottom:4px;"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/a&gt;
             &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any help would be much appreciated.</p>
  
  <p>Edit. I have tried adding <code>word-wrap:break-word;</code> but it is not making any difference.</p>
  
  <p>Edit. JSFiddle <a href="http://jsfiddle.net/TTKtb/">http://jsfiddle.net/TTKtb/</a> - You will need it expand the right column so the panels sit next to one another.</p>