Heinnipinhast
New Member
CSS beginner here. As you can see from the code, I want 'Introduction' and 'Contents' to be at the same distance from the top but the 'Introduction' is going down on it's own. Here is a screenshot of the output:
Code\[code\]<!DOCTYPE html><html><head> <style rel="stylesheet" type="text/css"> body { background: #e7e6e1; font-family: Georgia, 'Times New Roman'; font-size: 16px; line-height: 150%; color: #333; } index { display: block; margin: 20px; font-size: 25px } h1 { color: #0E0B06; font-weight: normal; margin-bottom: 0px; } h2 { color: #0E0B06; font-size: 15px; font-weight: normal; margin-bottom: 0px; } a { color: #333; text-decoration: none; padding: 1px 2px; background: #A3A3A1; } a:hover { color: #0E0B06; background: none; } .wrapper { width: 520px margin: auto; } .header { display: block; margin: 30px 50px 75px 400px; } .indexer { display: block; margin: 70px 50px 75px 70px; } .poster { display: block; margin: 70px 50px 75px 400px; padding-bottom: 30px; } </style></head><body><div class="wrapper"> <div class="header"> <h1><a href="http://stackoverflow.com/questions/12754623/main.html">Web Server</a></h1> <h2>Internet and Web Technology Assignment <br> by <b>Juhi Aswani</b> and <b>Kartikey Kushwaha</b></h2> </div> <div class="indexer"> <h2><b><font size="5px">Contents</font></b></h2> <br>Introduction <br>History <br>Common features </div> <div class="poster"> <h2><b><font size="5px">1. Introduction</font</b></h2> </div></div></body></html>\[/code\]