解释下为什么 会换两行？

p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
查阅p标签的用户代理可知，默认上下margin为1em，所以等效于两行字那么高。
margin-block-start /end等效于上下外边距
margin-inline-start/end等效于左右外边距