title: Force word wrap through CSS
body: <p>At the moment TEST TEST appear side by side. How can I push one down onto a second line? Only through CSS.</p>
  
  <pre><code>&lt;div id="box"&gt;&lt;p&gt;TEST TEST&lt;/p&gt;&lt;/div&gt;
  
  #box{
      height: 50px;
      text-align: center;
      position: relative;
      margin: 0 auto;
      background-color: red;
      color: white;
      display: inline-block;
      padding-left: 5px;
      padding-right: 5px;
  }
  </code></pre>