How to reduce the space between H1 and H2 in css.
Here's the code.
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>box-model</title> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> aside, article, section, header, footer, nav { display: block; } div, p { margin: 0; padding:0; } html { background: #ccc; } .outer { width: 400px; height: 1000px; margin: 0; background: #9CF; padding: 1px; } .box{ } p { background: #EEA458; height: 100%; margin: 0; padding: 0; } /*add styles here*/ <h1> { padding: 0; margin: 0; } h2 { margin: 0; padding: 0; } </style> </head> <body> <div class="outer"> <div class="box"> <p>The box model describes the physical properties of each element on your page. Margins, borders, padding, and content all make up an element's box. In this case, the inner div tag's margins can be seen with the blue color, the border is black, the padding is represented by orange, and the element's width and height are yellow. </p> </div> <h1>This is a head. I want eliminate the space between this and the h2</h1> <h2>Some text<h2> </div> </body> </html>
I'm still having problems with a site I'm developing with the same problem. So I will probably come back to this thread with my problem there if I can't figure it out.
Robin
How do you Make Money Online?
What are the best Traffic Sources To Make Money From Affiliate Marketing?