I ran into a problem this week when I was tweaking the design of a blog.  I’m not a designer; however, I tend to learn enough to get by so that I can tweak free themes to suit my purposes for my own projects.  If I weren’t such a control freak, I would just pay someone else to do it - but I digress.

The problem that I encountered relates to default text wrap on images within posts.  Apparently, some WordPress theme designers feel the need to insert a default text wrap into the Stylesheet.  (If you design WP themes, please don’t do this.  If you do this, please tell us why.) The offending code, generally looks something like this:

#content p img{
float: left;
border: none;
margin: 0px 10px 10px 0px:
}

The problem stems from the float: left; line.  What this little line of code does is to make every image that you insert into a post have text that wraps to the right.  If you try to use the Alignment dropdown list in the WordPress toolbar, it is always overridden by the Stylesheet float: left; line.

To solve this problem, simply delete the float: left; line.