内联元素和块级元素的相互转换是前端实例代码，了解更多实例代码。
由于内联元素和块级元素之间可以进行相互转换，因此将简要介绍转换方法。
一.将内联元素变换为块级元素：
使内联元素浮动，或将display属性值设置为block。
代码示例如下所示。
塞弗龙部落. myfloat{
width:200px；
height:200px；
border:1px solid red；
浮动：右；
}
. mydisplay{
width:200px；
height:200px；
border:1px solid green；
显示：块；
}
我打算浮起来
添加显示属性
您可以看到span已经转换为块级元素。 这是因为块级别的元素可以设置宽度和高度。
块级元素转换为内联元素：
可以将块级元素的display属性值设定为inline。
犀牛的尖端部落. mytest{
width:200px；
height:200px；
border:1px solid red；
显示： inline；
}
指示在上面的代码中设置的宽度和高度不再有效，并且对象已转换为行内元素。