      <div class="item" data-color="8f44ad">
         <p>2</p>
      </div>
      <div class="item" data-color="16a086">
         <p>3</p>
      </div>
      <div class="item" data-color="f1c40f">
         <p>4</p>
      </div>
      <div class="item" data-color="e77e23">
         <p>5</p>
      </div>
   </div>
   <!--<p>En <strong>Google Chrome</strong> y <strong>Opera</strong>: problemas al cambiar dinamicamente entre <code>justify-content:space-between</code> y <code>justify-content:space-around</code> 