[Solved] Image inside text block (CSS)

[William Castro]

Hi everybody, can someone help me with a little trick in css? I need to put an image (<a><img/></a>) inside a text block (<p></p>) like the image above:

Image…

[Paulie_D]

Pretty certain this isn’t going to happen.

I don’t know if any property that will split inline text across multiple lines like that.

[Paulie_D]

The text can’t flow around multiple lines actually splitting text…just doesn’t happen.

If you look at the image, I would guess that the ‘mug’ has been placed on top of the actual text in Photshop, hiding what is behind it.

Unfortunately, sometimes design exceeds actual capabilities.

Wait….if it needs to overlay the text…you might be able to do something really sneaky with pseudo elements.

[William Castro]

Yes guys, thanks for your answers, but i realized that is not possible! I was looking for something like a float:center that doesn’t exist. I just made the image in the photoshop, but the image was not meant to be over the text, the text is meant to be around the image, but i’ll have to make just with float:left and ‘right’, thanks again!

[Author]

Posts