Preenchimento (padding) para lados diferentes em CSS
Para margens internas, assim como para margens externas,
existem propriedades para lados específicos:
padding-left, padding-right,
padding-top e padding-bottom.
Vamos ver como elas funcionam:
<div id="elem">
some long text
</div>
#elem {
padding-top: 10px; /* topo */
padding-right: 20px; /* direita */
padding-bottom: 30px; /* base */
padding-left: 40px; /* esquerda */
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
