Changing line spacing

  • Author
    Posts
  • #848213

    niarb
    Member

    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 afterfindus.wordpress.com.

    #848396

    justpi
    Member

    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.

    #848399

    niarb
    Member

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

    #848412

    justpi
    Member

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

    #848492

    niarb
    Member

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

The topic ‘Changing line spacing’ is closed to new replies.