Floated image height

[XaviJr]

http://jsfiddle.net/AWmMU/

I don’t want to have that text bellow my image. Is there any technique to do it?

Thanks.

[Paulie_D]

It depends on the image size but something like this: http://jsfiddle.net/nTHTN/1/

**Note**: Text should **always** be in a text element of some kind (usually a `

` tag) so I have update your fiddle to include that especially as it allows us to style it specifically.

[XaviJr]

My image has that height.

I was implementing that approach but I would like to have my text grow if there is no image (http://jsfiddle.net/nTHTN/2/). Is it possible to have both?

[Paulie_D]

>My image has that height.

No idea how this relates.

As for your other query, I think it might but I’d have to think about it some more.

img ~ p

perhaps, people?

[Paulie_D]

Aha..

http://codepen.io/Paulie-D/pen/yxqLo

[XaviJr]

Didn’t know about that ~ symbol. Does it mean “select only images followed by p”?

[TheDoc]

That’s almost perfect, just need to make sure to include the `.contents` as well:

http://codepen.io/ggilmore/pen/cb6fcb195f2fc2bc09239d990839e9db

img {
float: left;
}

img ~ .contents p {
margin-left: 130px;
}

[Edit] ha! I see I was too slow!

[Paulie_D]

>Does it mean “select only images followed by p in a element with a class of contents”?

Not it only targets paragraphs that are after an image.

http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

[Author]

Posts