title: How to center a table caption?
body: <p>I have a long caption on a table and want them both aligned to the center of each other.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table&gt;
    &lt;caption&gt;This is a very long caption.&lt;/caption&gt;
    &lt;tr&gt;
      &lt;td&gt;1&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;3&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>caption {
    white-space: nowrap;
  }
  </code></pre>
  
  <p><a href="https://codepen.io/anon/pen/RZyxzg" rel="nofollow noreferrer">https://codepen.io/anon/pen/RZyxzg</a></p>