WordPress.com

1. disc440
   Member
   Apr 15, 2012, 7:15 PM

   I have a page with two photos side by side, and then one centered underneath. I am unable to get any spacing between the top two and the bottom one. Why doesn't
   work in html?

   The blog I need help with is stoutstandards.wordpress.com.

2. justpi
   Member
   Apr 15, 2012, 7:54 PM

   To display code here, you need to enclose it in backticks (see below reply field).

   The br tag does work. But (as you can see above) its job is a line break, not blank space.

   Assuming you're talking about plain, non-captioned images, then to create more space between them you add a bottom margin to the upper ones or a top margin to the lower one.

   (And if you don't want us to assume, you need to link or point to the page in question instead of referring to "a page".)

3. disc440
   Member
   Apr 15, 2012, 8:33 PM

   This is the page in question....

   http://stoutstandards.wordpress.com/my-books/

4. justpi
   Member
   Apr 15, 2012, 10:02 PM

   Ah, you've set the alignment of the first two images to left and right, which means wrap-around, so the third image is trying to squeeze itself in between. To stop the wrap-around effect, you need to paste this before the code of the third image:
   <br style="clear:both;" />

   This will give you the 'normal' spacing of the theme. If you'd like to have even more space above the third image, change its code from this:
   <img src=ETC ETC

   to this:
   <img style="margin-top:34px;" src=ETC ETC

   Change the number to adjust the space.

5. justpi
   Member
   Apr 16, 2012, 2:14 AM

   After checking your page, I must add that code is pasted in the HTML editor.

Topic Closed

This topic has been closed to new replies.