I did a search trying to find out how to apply image alignment using CSS, but couldn't find anything that worked for MT (MovableType), so I'm posting an example of what worked for me.

I posted an image using:

img src="...." align="texttop"

In the CSS, I used this:

.img[align="right"] {padding: 0px;margin-left: 0px;margin-right: 0px;}

You can change the px to whatever your prefer, but this seems to work for me. Here are some examples: Using align="texttop": . With "texttop", the image aligns to the top of the text. There's not much of a gap between line above the image, but there's usually a gap with the line below. Using align="absmiddle": . With "absmiddle", the image aligns to the center of the text. Depending on your image size, if it's the same size as your text, there's no gap between lines. If your image is larger than the text size, there will be a gap between the lines above & below the images.