*{
    box-sizing: border-box;
}



body {
    background-color: rgb(255, 255, 255);
}

#padre{
    width:100%;
    height: 250px;
    display: flex;
    background-color: violet;
    padding: 10px; /* el padding suma la cantidad propuesta arriba y abajo*/
    /*flex-wrap: nowrap; /* El nowrap si no cabe en la caja las ajusta y el wrap salta.*/
    /*justify-content: left;*/
    /*flex-direction: row-reverse;*/
}

#hijo1{
    width: 20%;
    height: 230px;
    background-color:yellow
}

#hijo2{
    width: 20%;
    height: 230px;
    background-color: red;
    margin: 0px 10px;

}

#hijo3{
    width: 20%;
    height: 230px;
    background-color: blue;

}
/* margin: 10px 10px 10px 10px ; este sirve para citar los 4 valores.*/
/* margin: 10px 20px; este sirve para citar los 2 valores horizontal (arriba y abajo) y vertical (izquierda derecha).*/
/* margin: 10px; este sirve para citar todos los valores.*/