averalovex
New Member
Right now I have...\[code\]<header id="background-color"> <img src="http://stackoverflow.com/questions/15780767/header_image.gif" alt="header"> <h1>Header</h1></header>\[/code\]and the relevant CSS is...\[code\]header { background: #0072bc; width: 70%; margin-left: auto; margin-right: auto; text-align: center;}#background-color { background: #0066CC; width: 100%;}\[/code\]This puts the image above the h1 obviously. What I'd like to do is left-justify the image and have the h1 centered relative to the whole page (not just the remaining space).And when I say left-justify, I mean relative to the body and header which are set to be 70% with auto margins. I've got no idea how to do this, I'm totally new to web design.Thanks.