index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>marginとpadding</title>
<link rel="stylesheet" type="text/css" href="base.css">
</head>
<body>
<div id="box1">
<p>box1</p>
</div>
<div id="box2">
<p>box2</p>
</div>
</body>
</html>
base.css
#box1 {
color: red;
width: 500px;
height: 300px;
background-color: #f00;
margin-top: 50px;
margin-left: 50px;
padding: 30px
}
#box2 {
margin: auto;
color: blue;
padding: 50px;
width: 500px;
height: 300px;
background-color: #00f;
}
↧