css的块状元素

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel=" shortcut icon" href="a.ico.ico">
<link rel="stylesheet" href="demo01.css">
</head>

<body>
<div id="d1">这是一个div</div>
<span id="s1">这是一个span标签</span>
</body>
</html>

#d1{
width: 200px;
height: 200px;
background: #1A00FF;
/*margin: 10px;*/
padding: 10px;
display: inline-block;
}
#s1{
width: 200px;
height: 200px;
background: #FF0004;
margin: 10px;
padding: 10px;
/* display: block;*/
}