title: Align Text in P Tags side by side while maintaining Break-Word
body: <p>I'm trying to align <strong>3</strong> <strong>p tags</strong> side by side, and make them all function like a single paragraph styled with the attribute: <strong>WordWrap:Break-Word</strong> </p>
  
  <p>So that it keeps the p tags next to each other free to move to the next line or stretch into a single line depending on the size. The end result should look soimething like this:</p>
  
  <p><strong>This is a sample of the word streteched out:</strong></p>
  
  <pre><code>*&lt;p&gt;sample document&lt;p/&gt;&lt;p&gt;sample document&lt;p&gt;sample document&lt;/p&gt;*
  </code></pre>
  
  <p><strong>This is a sample of the words crunched together:</strong></p>
  
  <pre><code>*&lt;p&gt;sample document&lt;p/&gt;&lt;p&gt;sample 
  document&lt;p&gt;sample document&lt;/p&gt;* 
  </code></pre>
  
  <p><a href="http://jsfiddle.net/5fdd6/75/" rel="nofollow">http://jsfiddle.net/5fdd6/75/</a></p>
  
  <p>Here's the jfiddle with the 3 p tags. </p>