html - unwanted margin with css -
i'm working on simple webpage , i'm little bit dusty could've made obvious mistake please stick me. i'm getting thin (maybe 5-10px) margin on sides of document. i'm including abbreviated version of code. can tell me why i'm getting , how rid of it.
html:
<body> <div id="wrap"> <div id="video"> </div> <div id="para"> <p>hello, i'm ...</p> </div> <div id="footer"> <ul id="social"> <li></li> <li></li> <li></li> <li></li> </ul> </div> </div> </body>
css:
#wrap { background: url(andres/images/background-bg.png); margin: 0 auto; } #para p { padding: 20px; } #footer { background:url(andres/images/footer.png); height: 80px;} #footer #social li { float: left; padding: 10px; list-style: none; }
its default margin on <body>
element - browsers include 8px on sides, add:
body { margin: 0; }
Comments
Post a Comment