How Do I Control Text or Pictures Using CSS Padding ?

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

AboutTami Atwood

Tami is the co-owner, content editor, and billing expert at Websnoogie. She is passionate about community causes and has four kids. She likes cooking, animals, and the outdoors and is an avid book reader. You can reach her at [email protected].