html - margin property in a div of another div -
html:
div id="wrapper"> <div id="itro"> <ul> <li> <h2> title</h2> <p>this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content. </p> </il> <ul> <div id="logo"> <img src="image/bottom_logo.png" alt="logo" width="45" height="50" align="right"> </div> </div>
css:
#wrapper { width:850px; margin: 0 auto; background: #b3b3b3; } #itro { width:550px; border: 6px solid #000; margin: 0 auto; position: relative; background:#e7e7e7; margin-top:70px; }
i want set margin on #itro when see in browser div id="wrapper"> set top margin:70px; why?
css:
#wrapper{ width:850px; margin: 0 auto; background: #b3b3b3; height:500px; } #itro { width:550px; border: 6px solid #000; margin: 0 auto; position: relative; background:#e7e7e7; margin-top:70px; float: left; }
html:
<div id="wrapper"> <div id="itro"> <ul> <li> <h2> title</h2> <p>this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content.this dumy content. </p> </li> </ul> <div> <img src="image/bottom_logo.png" alt="logo" width="45" height="50" align="right" /></div> </div> </div>
some tags typing wrong
Comments
Post a Comment