Help me with a wordpress layout question?
I want to be able to put photos in my posts and wrap the text around it, but when I do that now the text is right up against the photo. This can make the text near the picture difficult to read.
My CSS style sheet has img tags but I don’t know what to alter in order to ensure that there is a small clear space around the pictures. Would it be the margin tags? Padding? I’ve been messing with it over the past few days but none of my alterations have made any difference.
If anyone knows CSS coding that will work for photos and wrapped text I’d appreciate your help.
Thanks!
Hmm…I’ll try to wrap it inside some tags in a comment here, but I’m not sure it’ll work.
This is what I always do:
Trype the text you want to wrap and then end it with...
If this doesn’t work, shoot me an email and I’ll send the code back to you 🙂
Ack…it didn’t work 🙁
Figured.
I’ll shoot you the code in an email instead 🙂
That should be a simple matter of adding padding to the image.
Try adding the following to a style statement in the image tag.
margin: 5px; float: left;
(you can also have “float: right;” )
The text will now flow arround the image. Increase the number in the margin to get the text further away.
Additionally align=”left” should work in the image tag although a style statement gives you more control.
Lord Matt is right. That’s the way to go. As an example, I’ve simply got a Dodos here. Good luck.