CSS padding
exam.html
<!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">
#box1 {
width:150px;
height:100px;
border:1px solid black;
/* 테두리 상자안에 위아래 왼쪽 오른쪽 테두리 */
/*padding:10px;*/
/*background-color:orange;*/
/*
padding-top:10px;
padding-right:0px;
padding-bottom:30px;
Padding-left:0px;
*/
padding:10px 0px 30px 0px;
}
#text1 {
border:1px solid gray;
width:300px;
font-size:12px;
padding-left:20px;
}
</style>
</head>
<body>
<!-- Ex20_padding.htm -->
<div id="box1">
요새는 div를 조절하면서 웹페이지를 만듭니다요
</div>
<br />
<input type="text" id="text1" />
</body>
</html>
결과
