<div class="flexBox">  
  <div class="uno"><p>uno</p></div>
  <div class="dos"><p>dos</p></div>
  <div class="tres"><p>tres</p></div>
  <div class="cuatro"><p>cuatro</p></div>
</div>
.flexBox{ 
    /*adaptamos display para todos los buscadores*/
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    

    display: flex;
    width: 40%;
    border: 6px solid lightpink;
    background: lightblue;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.