I apologize ahead of time for the lousiness of this site. I was merely hired to come in and "fix" some stuff.
Scroll down a bit to the part with the four boxes in a grid and look at the bottom left box with the heading "Talking Points Podcast".
The designer I’m working with is concerned with the fact that there is "too much space" between the image of the girl and the text.
She wants to be able to put images with a variety of sizes in any of these boxes while maintaining the same margin between the image on the left and the text to the right (like in the boxes above).
In the current css the images are floated left and the text is floated right.
Is there a way to achieve what she wants? Essentially the ability to plug in new images of any size (especially smaller ones) while maintaining a close margin between the image and the text?
I appreciate any input anyone might be able to provide. :)
That will solve the text against the img problem but it does leave the text quite a long way from the opposing edge of its containing box. The only way I see around that is to give that specific box p its own width:
Thank you both for the suggestions.
I ended up floating both the img and the p to the left and adding some left padding to the p. It does create a bit of space to the right of the text but, hey, when you’re forced to adhere to a two-column layout such things might be unavoidable, no?