Can’t Align Images in WordPress? Fix it

WordPress 2.5+ introduced a new image gallery system and correspondingly a new way to align images which was relatively intricate compared to the old one.

The main problem I faced using the new system until now was that I couldn't make WordPress align the images properly for me. I thought I was the only one facing this problem but a helpful post by Daniel made it clear that there are perhaps more users facing the same problem.

I am sharing the fix just in case someone comes searching through to find a fix for this problem. All you need to do is add the following piece of CSS code to your theme stylesheet and you are good to go.

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;
}

This will make WordPress aware of all alignments.