Results 1 to 3 of 3

Thread: <h1> /<h2> gap

  1. #1
    Join Date
    Apr 2012
    Location
    Central New Jersey
    Posts
    286
    Thanks
    95
    Thanked 3 Times in 3 Posts

    Default <h1> /<h2> gap

    Hi Folks,

    Is there a way to reduce the amount of vertical separation between text on <h1> lines and text on immediately-following <h2>lines? See, for example, http://www.njdriverslicenses.com/ .

    Thanks,

    A.
    Last edited by marain; 03-02-2016 at 07:38 PM.

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    Hi Alan,

    You can adjust the default margin and line-height of headings by fiddling with these values;
    Code:
    h1 { line-height:1.25; margin:0.25em }
    h2 { line-height:1; margin:0 }
    Or you can target the top and bottom margins separately by using 'margin:top' and 'margin-bottom'
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. The Following User Says Thank You to Beverleyh For This Useful Post:

    marain (03-11-2016)

  4. #3
    Join Date
    Apr 2012
    Location
    Central New Jersey
    Posts
    286
    Thanks
    95
    Thanked 3 Times in 3 Posts

    Default

    Bev,

    Fiddling did, problem solved. Thank you!

    A.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •