<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta name="generator" content="editplus" />
<meta name="author" content="박세인" />
<style type="text/css">
div {
border:1px solid black;
width:200px;
height:100px;
text-align:center;
}
#div2 {
/*
margin:20px;
margin-left:0px;
margin-right:0px;
*/
/*
margin-top:20px;
margin-bottom:20px;
*/
margin:20px 0px;
}
#div1 {
margin-bottom:30px;
}
#list li {
display:inline;
/*width:200px;*/
margin-right:10px;
}
#naver li {
display:inline;
font-size:11px;
font-family:돋움;
color:#6B6D70;
margin-right:5px;
}
#naver .bold {
font-weight:bold;
color:black;
}
</style>
</head>
<body>
<!-- Ex23_margin.htm -->
<div id="div1">첫번째 상자</div>
<div id="div2">두번째 상자</div>
<div id="div3">세번째 상자</div>
<hr />
<ul id="list">
<li>아이템100</li>
<li>아이템2000</li>
<li>아이템30</li>
<li>아이템4</li>
</ul>
<hr />
<ul id="naver">
<li class="bold">톱뉴스</li>
<li>|</li>
<li>정치</li>
<li>|</li>
<li>경제</li>
<li>|</li>
<li>IT/과학</li>
<li>|</li>
<li>사회</li>
<li>|</li>
<li>국제</li>
<li>|</li>
<li>스포츠</li>
<li>|</li>
<li>문화</li>
</ul>
</body>
</html>
