Image Padding

I have searched the support forum there are several suggestions but none I can get to work the way I like. The text butt against the images like the http://rickyhsu.com/padding.jpg
I can get it to work either on the left but not both at the same time.

/* Begin Images */
p img {
padding: 4px 4px 4px 4px;
margin: 0 0 0 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */