I wanna make small spaces between lines in my paragraphs.

Discussion in 'HTML & Website Design' started by auron990, Jun 8, 2007.

0
  1. #1
    I wanna make spaces between my lines in a paragraph, but I want them smaller than a line break space.
     
    auron990, Jun 8, 2007 IP
  2. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Adjust the line-height in your paragraph text with CSS.

    I find that setting the font size and line-height in the body takes care of that very quickly. A line-height of 1.5 in the body rule (I tend to use short-hand whenever possible) normally does the trick. :)
     
    Dan Schulz, Jun 8, 2007 IP
  3. panfor

    panfor Peon

    Messages:
    69
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Right, the line-height property sets the distance between lines.

    Example:
    p
{ 
line-height: 1.4
}

p
{ 
line-height: 14pt
} 

p
{ 
line-height: 140%
}
    Code (markup):
     
    panfor, Jun 9, 2007 IP
  4. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #4
    It is best to set the line-height to be relative to the font size that's been declared, rather than the same value as the font size. That way if ever switch unit values on the font size, you can rest assured that the leading (line-height) will adjust accordingly. :)
     
    Dan Schulz, Jun 9, 2007 IP