请解释 HTML 中 block 元素 和 inline 元素的区别，并举例说明它们的行为差异。

短答案

块级元素和行内元素最核心的区别就是，块级元素会自己占一整行，而行内元素不会换行，会跟别的内容排在一行。 像 div、p、h1、ul 这些都是块级元素。你写两个 div，它们会自动上下分开，不会挤在一起。而且块级元素可以随便设置宽高、内外边距，上下左右的间距都能生效。 而行内元素比如 span、a、strong、em，它们就不会换行，几个写在一起会并排显示。而且你直接给它设宽高是没用的，它的大小只由里面的文字内容决定，上下的外边距通常也不生效，只有左右会有用。