grg8881m / repository

Ajusta-el-padding-relleno-de-un-elemento

Ajusta el padding (relleno) de un elemento Dejaremos de lado por un momento nuestra Cat Photo App y aprenderemos un poco más sobre como aplicar estilos al HTML. Quizás ya te hayas dado cuenta, pero todos los elementos HTML son, esencialmente, pequeños rectángulos. Hay tres propiedades importantes que controlan el espacio que rodea cada elemento HTML: padding (relleno), border (borde) y margin (margen). El padding o relleno de un elemento controla la cantidad de espacio entre su contenido y su border. Aquí podemos ver que la caja azul y la caja roja están anidadas dentro de la caja amarilla. Fíjate que la caja roja tiene más padding (relleno) que la caja azul. Cuando aumentas el padding de la caja azul, esto aumenta la distancia (padding) entre el texto y el borde que lo rodea. Cambia el padding de la caja azul para que coincida con el de la caja roja.