Placing image to the left of a blog post Options

[bigtrey90]

I am trying to achieve this image placement in Wordpress on my post as shown on this website:

http://giant.blackplanet.com/

How can I do this?

[fixtatik]

oh, the power of floating.

CODE

.alignleft { float:left; margin:0 0 0 20px; }
.alignright { float:right; }
.clear { display:block; height:0; visibility:hidden; }

CODE

<div>
  <img src="URL" class="alignleft" alt="" />
  <div class="alignright">
    text, text, text.
  </div>
  <div class="clear"></div>
</div>

the extra class, .clear, is really optional. it depends on how you have the container div displayed. if it's being displayed as a block element (default display), and not a table (which doesn't even work in IE), then when you float different elements inside the div, it won't retain its height. there are many other ways to do it, but this is usually one of the easiest, as you can put whatever you want in the div that's aligned to the right without any problems.