Relleno padding para diferentes lados en CSS
Para los márgenes internos, al igual que para los externos,
existen propiedades para lados individuales:
padding-left, padding-right,
padding-top y padding-bottom.
Veamos cómo funcionan:
<div id="elem">
some long text
</div>
#elem {
padding-top: 10px; /* arriba */
padding-right: 20px; /* derecha */
padding-bottom: 30px; /* abajo */
padding-left: 40px; /* izquierda */
width: 300px;
border: 1px solid red;
text-align: justify;
}
: