Ejercicios de práctica de CSS

Ejercicio 6

Crea un <div> con un borde de 2px de color rojo y un margen de 20px. Dentro del div, coloca un párrafo con un tamaño de fuente de 18px.

Lo resolví del siguiente modo:

CSS:

            .div-con-borde {
                border: 2px solid red;
                margin: 20px;
                padding: 10px;
            }

            .parrafo {
                font-size: 18px;
            }
            

HTML:

            <div class="div-con-borde">
                <p class="parrafo">Este es un párrafo dentro de un div con borde rojo.</p>
            </div>