I am trying to put 2 thumbnail images next to one another on a page. I’d like the images to be in a row by themselves, text above and below, not next to the images.
I’m working on this page of my site: http://objectsindevelopment.net/phd-thesis/ and I’ve made examples of the options for doing this there.
1. If the lefthand image is left aligned, and the 2nd image ‘alignnone’, then they are in a row, but unevenly spaced top to botton; and the caption for the 2nd image stays against the left margin of the page.
2. If both images are left hand aligned, then they are well aligned top to bottom, and the captioning is fine, but the next paragraph of text starts to the right of the 2nd image; not what I want.
3. As a workaround, I made the text in the paragraph following two left-aligned images have a hard return by putting that paragraph in a div, styling it with
But that introduced a new problem; now I can’t get a line space after that paragraph. So I’m not sure what approach to take to accomplish this.
I am styling images to remove the WordPress grey box around it, but I’ve tried with my styling removed and it makes no difference.