How to align post images to the center on blogger

Follow @Olaryeankarh

If you're a fan of edit html tab on blogger's post composer/editor, you would find it difficult to align your in-post images to the left or right as the case may be.
This is not really a problem if you have studied blogger codings well.
You can also align your images using the live compose mode by clicking on the image you want to align then a list of options will be tiled out for you.
Don't get carried away! Let's get back to work.

After uploading your image, copy the url to your notepad or somewhere you can easily recover it from;
copy and paste the codes below to wherever you want to have that image to be.

<div class="separator" style="clear: both; text-align: center;">

<img border="0" src="IMAGE URL" width ="300" /></div>

REPLACE IMAGE URL WITH THE URL YOU COPIED BEGINNING WITH http://

You can also change the text-align: center to text-align: right or text-align: left depending on where you want your alignment to be.

If you like this post, tell your friends about it. Click on any of the share buttons (facebook, twitter, google buzz, etc.)

Grab my RSS feeds now! OR Subscribe to The latest Info by Email You can also send me a request on Facebook, follow me on Twitter or follow me on Google+ .

---

Receive Updates In Your MailBox For Free

Enter your email address:

---