title: Issue with text exceeding the container (bootstrap)
body: <p>as you can see on <a href="https://jsfiddle.net/wdta5v3q/" rel="nofollow noreferrer">this jsfiddle</a>, if you play with the window size, the lorem ipsum text sometimes goes outside the white container. 
  I can't figure out why, because when I look at the code, everything seems to be embedded within the main container so I would expect the text to adapt the fluidly adapt to the window size.
  What is the issue?
  Thanks,</p>
  
  <pre><code>&lt;section&gt;
              &lt;div class="container content"&gt;
                &lt;div class="row"&gt;
                  &lt;div class="col-md-3 bordering"&gt;
                    &lt;h2&gt;Qui &lt;b&gt;sommes-nous?&lt;/b&gt;&lt;/h2&gt;
                    &lt;h3&gt;Actifs depuis &lt;/h3&gt;&lt;/div&gt;
                  &lt;div class="col-md-9"&gt;
                    &lt;div class="title-block"&gt;
                      &lt;p&gt;
  
  Lorem ipsum dolor sit amet, connecteur adipiscin
   &lt;p&gt;
  etc.
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Uq5ms.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Uq5ms.png" alt="enter image description here"></a></p>