块级元素和行内元素

块级元素(block-level) 行内元素(inline-level)
div em
h1~h6 strong
p span
hr a
form br
ul img
dl button
ol input
table label
li select
dd textarea
dt code
tr script
td
th

块级元素和行内元素的区别:

块级元素 行内元素
占据一整行 占据自身的宽度
可以包含块级元素和行内元素 只能包含行内元素和文本
宽(width)高(height)有效 宽(width)高(height)无效
margin、padding上下左右都生效 margin、padding上下无效,左右有效

你可能感兴趣的:(块级元素和行内元素)