El uso del “padding” en tus diseños CSS

El “padding” o relleno, junto con los márgenes es uno de los aspectos más importantes a la hora de estructurar una página Web. Podemos tener el mejor diseño Web posible, pero si el “padding” y los márgenes están fuera de sitio, no se verá bien. Generalmente es un aspecto en donde se invierte mucho tiempo, para que todo encaje perfectamente dentro de la estructura, de ese modo se facilita la colocación de la información pertinente, por eso es necesario tener la separación y la gestión de los espacios en blanco muy estudiada.

En el artículo eminentemente práctico que se titula Using padding in your design de WeAreNotFreelancers, nos muestra de una manera muy gráfica la diferencia entre los márgenes y los paddings, y lo explica muy bien. A menudo, se confunde los dos y uno puede frustrarse cuando las cosas no se ven bien. Para aclarar conceptos: