CSS3 & HTML5 – figcaption under floated image with wrap text problem

[MBM]

I have floated an image and used the figcaption tag to add text under it but the text is not aligned correctly. How do I position the text under the image while wrapping the body text to the left of the image?

This is the class to float the image :

.imagel {

margin-top: 20px;

margin-left: 20px;

float:right;

font-size: 16pt;

color: #FFFF00;

}

And the html to caption the image :

Andy Whitfield as Spartacus

And the result

[TheDoc]

First, you don’t seem to have the opening

tag. You’ll want to float the entire figure tag, like this: http://jsfiddle.net/HPCYm/

[jnrhrn]

its simple.. dont set width or hight to img tag…

[MBM]

Thanks Doc.

[Author]

Posts