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 &amp; events</h2> <p></p> <h3>&ldquo;it&rsquo;s not take things from,<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; it&rsquo;s take them to.&rdquo; <br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; - jean-luc godard</h3> <div id="footer"> <p>armen sarkisian &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="mailto:fttfmusic@gmail.com">fttfmusic@gmail.com</a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<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

Popular posts from this blog

android - getbluetoothservice() called with no bluetoothmanagercallback -

sql - ASP.NET SqlDataSource, like on SelectCommand -

ios - Undefined symbols for architecture armv7: "_OBJC_CLASS_$_SSZipArchive" -