块元素和行内元素相互转换

其他元素转换为块级元素

a{
    display: block;
 }

其他元素转换为行内元素

<div style="display: inline;">1</div>

其他元素转换为行内块元素

<span style="display: inline-block; width: 100px; height: 20px; background-color: rosybrown;"></span>

块元素、行内元素、行内块元素的特点—行内元素和块元素的特点_Makesure_的博客-优快云博客