css - Gap/Space between header 1 and 2 -
i'm trying place h2 right below h1, seems creating huge gap/space. there way avoid or error in coding? thank you.
link site: http://younani.com/armen/musicindex.html
html:
<!doctype html> <html lang="en"> <head> <title>armens website</title> <meta charset="utf-8"> </head> <body> <div class="clearfix" id="container"> <p><link rel="stylesheet" href="armen.css" /></p> <h1><i>four floor</i></h1> <h2>artist management & events</h2> <p></p> <h3>“it’s not take things from,<br /> it’s take them to.” <br /> - jean-luc godard</h3> <div id="footer"> <p>armen sarkisian <a href="mailto:fttfmusic@gmail.com">fttfmusic@gmail.com</a> <a href="http://www.fttfmusic.com/">www.fttfmusic.com</a></p> </div> </div> </body> </html>
css:
h1 {color: #ffffff; font-family: ballparkweiner; font-size: 70px; text-align: center; } @font-face { font-family: 'ballparkweiner'; src: url('ballw___.eot'); src: url('ballw___.eot?#iefix') format('embedded-opentype'), url('ballw___.woff') format('woff'), url('ballw___.ttf') format('truetype'), url('ballw___.svg#ballparkweiner') format('svg'); font-weight: normal; font-style: normal; } h2 {text-align: center; font-size: 40px; color: #ffffff; font-family: cambria;} body {background-color: #000000;} h3 {text-align: center; color: #ffffff; } #footer { font-weight: bold; text-align: center; font-family: audimat; clear: both; width:48%; border-radius: 8px; background-color:black; text-align:center; margin-right:auto; margin-left:auto; color: #ffffff; }
h*
elements in browsers tend have .. large default top , bottom margins. can set them smaller value, zero:
h1, h2 { margin-top: 0; margin-bottom: 0; }
you can of course apply these rules specific headers.
Comments
Post a Comment