I'm making a single page website. For the "lower" pages, I have images as my headers. I'm able to centre the image using\[code\]img{display:blockmargin-left:automargin-right:autowidth:400px}\[/code\]However, I require it to be a little bit lower. I tried adding a margin-top, but it seems to add a margin to the entire page (the page becomes longer?). The position of the image on my page, however, does not change. Any idea what's wrong? This is some of the HTML:\[code\]<body> <div id="nav"> <ul> <li><a class="scroll" href="http://stackoverflow.com/questions/14507950/#about">ABOUT</a></li> <li><a class="scroll" href="http://stackoverflow.com/questions/14507950/#portfolio">WORK</a></li> <li><a class="scroll" href="http://stackoverflow.com/questions/14507950/#contact">CONTACT</a></li> </ul> </div> <!-- Landing Page--> <div id="landing"> <img src="http://stackoverflow.com/questions/14507950/front.png" alt="Cover Page"> </div> <!-- About --> <div id="page1"> <a id="about"></a> <img src="http://stackoverflow.com/questions/14507950/Who.png" alt="About Me"> <p> That sweet tailpipe of yours did have me charmed. It put a spell on me, but all the ass magic in Mexico can
Image centered, how to move it down?
- Thread starter Omega
- Start date