html5块级转为行级,汇总三种行内元素转为块级元素的方法

以下汇总三种行内元素转为块级元素的方法：

(1)display

(2)float

(3)position(absolute和fixed)

少说多做，运行以下代码看效果：

1 2 3

4 5 6 行内元素转为块级元素 7 27 28 29

30 方法一：使用display31

32 a标签转为块级元素33

34 方法一：使用float35

36 span标签转为块级元素37

38 方法一：使用position(absolute和fixed)39

40 i标签转为块级元素41 42

通过审查元素查看是否转为块级元素：