html块级元素和行内元素

块级元素独占一行

可以通过display:inline 设置为内联元素，前后没有换行符
常见有：div、canvas、p、ul、li、
h1-h6

行内元素不换行（无法直接设置其宽高），可以通过line-height设置行内元素的高度，通过display:block将其变为块级元素
常见有: br、button、em、input、img、i、label、span、strong、select

vertical-align: middle; //用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。