 <p>17</p>
      </div>
      <div class="item" data-color="c1392b">
         <p>18</p>
      </div>
      <div class="item" data-color="bec3c7">
         <p>19</p>
      </div>
      <div class="item" data-color="808b8d">
         <p>20</p>
      </div>
   </div>
</div>
<!-- propiedades de los items -->
<div class="principal">
   <h2>Properties for the flex items </h2>
   <div class="control">
      <h4><a href="http://w3.unpocodetodo.info/css3/flex-align-self.php">align-self</a> <small>( property for flex