Title: style=&#8221;float:left&#8221; does not work
Last modified: August 18, 2016

---

# style=”float:left” does not work

 *  [jessicatink](https://wordpress.org/support/users/jessicatink/)
 * (@jessicatink)
 * [20 years, 9 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/)
 * Oh god, I’m pulling my hair out on this one. I’ve been through everything I can
   think of, but its not working in IE or Firefox.
 * I want the text to wrap around the image, but its not only not showing up, but
   in firefox, it shows up but the image goes right over the border for the previous
   post.
 * I’ve tried a few of the fixes i found, but that just broke my style sheet even
   more.
 * Anyone have any ideas that will help me? I’m leaving the broken post up at [http://www.ladykildare.com](http://www.ladykildare.com)
   for anyone to see whats going on.
 * Thanks everyone
    -Jess

Viewing 14 replies - 1 through 14 (of 14 total)

 *  [ch0de](https://wordpress.org/support/users/ch0de/)
 * (@ch0de)
 * [20 years, 9 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/#post-246900)
 * Add “;” after the word left.
 * so its:
 * style=”float:left;”
 * see what that does.
 *  Thread Starter [jessicatink](https://wordpress.org/support/users/jessicatink/)
 * (@jessicatink)
 * [20 years, 9 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/#post-246916)
 * I added that to the code, and it did nothing.
 *  [tomhanna](https://wordpress.org/support/users/tomhanna/)
 * (@tomhanna)
 * [20 years, 9 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/#post-246968)
 * Try style=”float:left; margin:2px;” and see if that works any better.
 *  [richards1052](https://wordpress.org/support/users/richards1052/)
 * (@richards1052)
 * [20 years, 9 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/#post-247007)
 * I’m guessing you fixed it but…you might want to take a look at the codex article
   for wrapping text around images. It uses css to automate much of the process 
   of displaying images so you have to do a minimum of manual coding. It makes float
   tags a thing of the past:
 * [http://codex.wordpress.org/wrapping_text_around_images](http://codex.wordpress.org/wrapping_text_around_images)
 *  [damino](https://wordpress.org/support/users/damino/)
 * (@damino)
 * [20 years, 9 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/#post-247014)
 * With CSS :
 * In CSS : add a ` .image { float:left;width:144px:height:205px}`
    and in the XHTML:`
   <div class="storyContent"><p> <img class="image" src="http://images.rottentomatoes.
   com/images/games/coverg/18/669718.jpg " /> blablabla b lablabalbalba </p>
 * I’ve tried and it’s working.
 *  [damino](https://wordpress.org/support/users/damino/)
 * (@damino)
 * [20 years, 9 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/#post-247015)
 * To see, [follow the link](http://damien.gayrard.free.fr/aaaconneries/lady.html).
   
   And contract your window browser to see the text wrapping around.
 *  Thread Starter [jessicatink](https://wordpress.org/support/users/jessicatink/)
 * (@jessicatink)
 * [20 years, 9 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/#post-247026)
 * I tried exactly as you said, and its showing the image now, but not wrapping 
   it. Here’s what is in my styles.css
 * .images {
    { float:left;width:144px:height:205px} padding: 2px; background: transparent;
   border: none;
 *  notice that the height and width are mentioned in the css. If that worked, what
   would that do about images that are other sizes ?
 *  [Beel](https://wordpress.org/support/users/beel/)
 * (@beel)
 * [20 years, 9 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/#post-247043)
 * You have given the image a class of “left”
 * .left {rest-o-stuff}
 *  Thread Starter [jessicatink](https://wordpress.org/support/users/jessicatink/)
 * (@jessicatink)
 * [20 years, 9 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/#post-247067)
 * “You have given the image a class of “left”
 * .left {rest-o-stuff}”
 * I’m not sure what you mean by that.
 *  [tomhanna](https://wordpress.org/support/users/tomhanna/)
 * (@tomhanna)
 * [20 years, 9 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/#post-247070)
 * You have two “{” in your image class.
 * I think what Beel means is that you need to have a separate class of “left”:
 * Try this instead:
 * `img {
    padding: 2px; background: transparent; border: none; }
 * `img.left { 
    float:left; }
 * And I’d agree with you that the `width:144px:height:205px` should be in the `
   <img src="blablah" width="144" height="205">` not in the CSS or you’re going 
   to do odd things to images that are other sizes.
 *  [tomhanna](https://wordpress.org/support/users/tomhanna/)
 * (@tomhanna)
 * [20 years, 9 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/#post-247071)
 * If that doesn’t get it, try adding a “margin: 0;” in the “img.left” section. 
   I’ve had similar issues and for some odd reason setting a margin fixed them.
 *  [damino](https://wordpress.org/support/users/damino/)
 * (@damino)
 * [20 years, 9 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/#post-247091)
 * I agree with you to put the image dimensions in the XHTML sheet and in the img
   tag.
    But something else with jessicatink : after each CSS value, use a “;” note
   a “:” …
 * Follow my link to see. if it’s not working, I will modify it properly with the
   attributes in the right place (image size in img tag).
 *  [bigoteetoe](https://wordpress.org/support/users/bigoteetoe/)
 * (@bigoteetoe)
 * [20 years, 8 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/#post-247196)
 * I’ve had similar problems, and they were resolved by adding:
    ` <br clear="left"/
   >  following the image. (instead of “left”, you could also use “right” or “all”
 *  [ganzua](https://wordpress.org/support/users/ganzua/)
 * (@ganzua)
 * [20 years, 7 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/#post-247210)
 * I have the same problem;
 * No sooner I insert float:left in css sheet or align=”left” next to the image 
   the picture disappears.
 * ?

Viewing 14 replies - 1 through 14 (of 14 total)

The topic ‘style=”float:left” does not work’ is closed to new replies.

 * 14 replies
 * 8 participants
 * Last reply from: [ganzua](https://wordpress.org/support/users/ganzua/)
 * Last activity: [20 years, 7 months ago](https://wordpress.org/support/topic/stylefloatleft-does-not-work/#post-247210)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
