How to create more space between text?

• 

  aj997 · Member · Oct 2, 2011 at 10:45 pm

  • Copy link
  • Add topic to favorites

  If you look at http://creativeethos.wordpress.com/more-reading/ you’ll see a bigger space between “blogs” and “essays”… but the break between “essays” and “books” is way smaller. On the HMTL page I am spacing them out the EXACT same. Is there any way to create more space between text/ images without having it automatically move up?

  The blog I need help with is: (visible only to logged in users)

• 

  panaghiotisadam · Member · Oct 2, 2011 at 11:08 pm

  • Copy link

  No you’re not spacing them the same. The extra space before “Essays” shows up because you’ve added this twice:
  <br style="clear:both;" />
  But this is used to cancel wrap-around: you don’t use it to add space, you only use it after each paragraph that accompanies each left-aligned image, to prevent the next image from wrapping around the previous one.

  To increase the space above each heading, you need to enclose the heading in a p tag with top padding, for example:
  <p style="padding-top:32px;"><strong>Essays:</strong></p>
  Change the px number to adjust the amount of space.

• 

  aj997 · Member · Oct 2, 2011 at 11:32 pm

  • Copy link

  Thanks! It worked. Much appreciated.

• 

  panaghiotisadam · Member · Oct 3, 2011 at 12:05 am

  • Copy link

  You’re welcome.