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:

http://www.w3.org/Style/CSS/Overview.en.html

Feel Free to Share!

Leave a Reply

Your email address will not be published. Required fields are marked *