Same column layout in Mozilla and chrome both.

Same column layout in Mozilla and chrome both.

HTML

<div class="example">
    <div class="example-auto">1A</div>
    <div class="example-auto">1B</div>
    <div class="example-auto">1C</div>
    <div class="example-auto">1D</div>
    
    <div class="example-auto">2A</div>
    <div class="example-auto">2B</div>
    <div class="example-auto">2C</div>
    <div class="example-auto">2D</div>
    
    <div class="example-auto">3A</div>
    <div class="example-auto">3B</div>
    <div class="example-auto">3C</div>
    <div class="example-auto">3D</div>
    
    <div class="example-auto">4A</div>
    <div class="example-auto">4A</div>
    <div class="example-auto">4A</div>
    <div class="example-auto">4A</div>
</div>

CSS

.example {
  columns: 4;
    height:100px;
  padding: 0 0.5em;
  column-fill: auto;
}