<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
body {width:1000px; margin:0 auto;}
div#theme{overflow:hidden;
/*padding:0 250px 0 250px;*/
}
div.box{
margin:0 auto;
text-align:center;
}
div.S,.I,.N,.G{
display:inline-block;
float:left;
border:1px solid black;
background:white;
color:red;
font-size:60px;
margin-left:3px;
padding:0 1px 0 1px;
}
#theme {text-align:center;
background:skyblue;
height:250px;
border-top:7px dotted blue;
border-bottom:7px dotted blue;
margin:0 auto;}
#mainmenu {background:gray;}
#wrap {overflow:hidden;}
#maintext {background:yellow;
float:left;
width:700px;}
#submenu {background:lightgray;
float:left;
width:300px;}
#tale{background:green;}
</style>
</head>
<body>
<div id="theme">
<div class="box">
<div class="S">
<span>S</span>
</div>
<div class="I">
<span>I</span>
</div>
<div class="N">
<span>N</span>
</div>
<div class="G">
<span>G</span>
</div>
<span style="color:white;">의 홈페이지</span>
</div>
</div>
</div>
아래 </body> </html> ... 필수요소 있습니다.
제 코드인데 진전이 전혀 없네요 ....
패딩과 text-align을 이용해서 해야합니다. margin을 이용하면 되는지 안되는지 모르겠지만, 조건에 패딩과 text-align을 이용해야한다고 나와있습니다 ... 도움 부탁드립니다 !
글쓰기