A simple way of using CSS padding when designing your website is inline (within the HTML statement). You can pad images or text using inline CSS or a style sheet file. Some of the flavors (properties) of padding are:
padding-left: xxpx;
padding-right: xxpx;
padding-top: xxpx;
padding-bottom: xxpx;
Where xx is the number of pixels in this case.
An inline example of using padding:
<div style=”padding-left: 10px”>TEXT OR PICS HERE
</div>
— OR —
.your-image {
padding-left: 10px;
}
Keep in mind this is not a complete and inclusive explanation of how to use image padding. If you are learning HTML and CCS and you need further information. please see: