<style>
.content {
background-color: #f00;
color: white;
/*行内非替换元素设置width/height不生效*/
width: 300px;
height: 300px;
/* 设置内边距/边框:左右占位置,上下不占位置（但是也会被撑起来） */
/*设置外边距:左右生效,上下不生效*/
padding: 50px;
}
</style>
</head>
<body>
<span class="content">
我是span内容
</span>
左右内边距占位置
<div>上下内边距不占位置</div>
</body>
行内元素的盒子水平方向的内外边距生效，垂直方向的内外边距不生效
<style>
span {
margin: 50px;
padding: 20px;
line-height: 100px;
}
</style>
</head>
<body>
<span>span标签</span>
<span>span标签</span>
</body>
