Skip to main content
1 de 6
Israel
  • 219
  • 2
  • 7
  • 18

¿Como solucionar estilos css de un div dentro de oto div?

tengo el siguiente problema, la Letra N se me sale hacia el Border del flexbox-contenedor, y el boxmodel de Numero1, Numero2 y Numero3 tambien se me salen hacia el flexbox-contenedor pero solo hacia la parte de abajo, si pueden ejecutenlo en modo pantalla grande para que lo puedan visualizar mejor! ALguien sabe como solucionar este problema??

.contenedor-flexbox{
    display: flex; 
    flex-direction: row;
    border: 10px solid black;
    font-size: 50px;
    
}

.elemento-flexbox:nth-child(1){
    background: red;
    color: white;
}

.elemento-flexbox:nth-child(2){
    background-color: yellow;
    color: red;
}

.elemento-flexbox:nth-child(3){
    background-color: gold;
    color: blue;
}
    <div class="contenedor-flexbox">
        <div class="elemento-flexbox">Numero 1</div>
        <div class="elemento-flexbox">Numero 2</div>
        <div class="elemento-flexbox">Numero 3</div>
    </div>

Israel
  • 219
  • 2
  • 7
  • 18