If you’ve made some styling changes to the images of your post, like adding borders to your images, putting padding attributes and the like, chances are the default wordpress smileys get affected too and would probably disalign from your text like this:

A quick solution to this would be to add the css class wp-smiley in your theme’s css styles.

Include your post’s container class, too. In my case, the post container class is .post, so the code would be:

.post .wp-smiley{

margin:0;

padding:0;

border:none;

background-color:none;

vertical-align:middle;

}

Experiment with the vertical-align attribute. Either it’s bottom, baseline or middle.

That’s it!

Now you can smile properly.