Changing line spacing

• 

  niarb · Member · Mar 18, 2012 at 2:42 pm

  • Copy link
  • Add topic to favorites

  Hi, in this page of my blog:

  http://afterfindus.wordpress.com/cubetti/

  lines are very widely spaced. I know it has something to do with the fact that each line contains one or more icons, but these icons are very tiny (15×20).
  Is there any html tag I could use to have the lines more close to each other?
  Thanks in advance,
  niarb

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

• 

  justpi · Member · Mar 18, 2012 at 3:16 pm

  • Copy link

  Two reasons: a) images have default space around them, b) paragraphs have default space below them. So you need to separate each line by a line break, not a paragraph break, and you need to replace all of these:
  style="margin-bottom:-1px;"

  with
  style="margin:4px 0 -1px;"

  Check the result, and if you want them even tighter, replace the 4px with a smaller value.

• 

  niarb · Member · Mar 18, 2012 at 3:39 pm

  • Copy link

  Super! It looks so much better now!
  Thank you!!

• 

  justpi · Member · Mar 18, 2012 at 4:25 pm

  • Copy link

  You’re welcome.
  But it can be even better if you remove the paragraph breaks (blank lines in the HTML editor).

• 

  niarb · Member · Mar 19, 2012 at 9:01 am

  • Copy link

  You’re right. I’ve done that.
  Thanks again!
  niarb