title: The p tag content exceeding column width
body: <p>I have a row. Inside the row , there is a class named <code>.col-md-6</code>.
  Inside the column, I have a paragraph tag with some text.
  The problem is that, the content of the paragraph tag is exceeding the column width.But I want the paragraph tag content to align itself properly in the column as shown in image.
  Code:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-md-6 col-xs-12 col-sm-6&quot;&gt;
          &lt;p&gt;TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText&lt;/p&gt;
      &lt;/div&gt;   
  &lt;/div&gt;
  </code></pre>
  <p>Link:
  <a href="http://jsbin.com/zimuwonoyu/edit?html,output" rel="nofollow noreferrer">http://jsbin.com/zimuwonoyu/edit?html,output</a></p>
  <p>I want it to be like the one as shown in image:
  <a href="https://i.stack.imgur.com/lmcOR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lmcOR.png" alt="enter image description here" /></a></p>