title: Column-count is not working in Chrome
body: <p>I have a text splitted in 4 columns and it works perfectly in Safari I don't know why I can see just 2 columns in Google Chrome.</p>
  
  <p>Tested with Chrome 55.0.2883.95 (64-bit)</p>
  
  <p>Any help would be greatly appreciated.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#people{
   -webkit-column-count:4;
   -moz-column-count:4;
   column-count:4;
   -webkit-column-gap:.5em;
   -moz-column-gap:.5em;
   column-gap:.5em;
   padding-bottom:2px;
   font-size:18px;
   line-height:21px;
  }
  
  .keeptogether{
    display:inline-block;
    width:100%
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id=people&gt;
  &lt;div class=keeptogether&gt;
  A&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  
  &lt;br&gt;B&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;C&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;/div&gt;
  &lt;div class=keeptogether&gt;
  D&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;E&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;F&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;G&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;H&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;I&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;J&lt;br&gt;
  &lt;br&gt;K&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;/div&gt;
  &lt;div class=keeptogether&gt;
  L&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;M&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;N&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;O&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;P&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;span class=yes&gt;&lt;br&gt;&lt;/span&gt;
  &lt;/div&gt;
  &lt;div class=keeptogether&gt;
  Q&lt;br&gt;
  &lt;br&gt;R&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;S&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;T&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;U&lt;br&gt;
  &lt;br&gt;V&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;W&lt;br&gt;
  &lt;br&gt;X&lt;br&gt;
  &lt;br&gt;Y&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;br&gt;Z&lt;br&gt;
  fhdjsklfhs&lt;br&gt;
  &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>