Wrap text around background | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
0

Wrap text around background

How can I wrap text around a background-image. For example if there is a background image that contains a cup. How can I wrap text around the cup using css. Is there an hack for that? I can't use padding since it is a liquid layout.

28th Mar 2020, 12:49 PM
Ore
Ore - avatar
1 Answer
+ 2
Ore Adeleye hi, I guess one laborious solution would be to put each letter of your text in <span> in html and to position each of them separately with span nth:child. if you're not against using something like Photoshop or gimp , knowing the size of your cup(element) you could also set your text in a PNG file with transparency for the background and then add it as a second background image in your css.
2nd Apr 2020, 2:08 AM
EmmanueLZ.
EmmanueLZ. - avatar