How to convert inline elements and block-level elements?

How to convert inline elements and block-level elements?

How to convert inline and block-level elements:

Inline elements and block-level elements can be converted to each other. The following describes the conversion method.

1. inline element conversion to block-level element:

Let the inline element float or set its display attribute value to block. For example:

<! DOCTYPE html> 
We can see that span has been converted to a block-level element, because the block-level element can set the width and height.
Block-level elements are converted to inline elements:
Set the display attribute value of a block-level element to inline.
<! DOCTYPE html> 
The width and height set in the above Code are invalid, indicating that the object has been converted to an inline element.
Original address: http://www.51texiao.cn/div_cssjiaocheng/2015/0519/1897.html
The most original address is: http://www.softwhy.com/forum.php? Mod = viewthread & tid = 4705.