Method of converting inline elements to block elements

In our front-end basic learning , We will consider converting inline elements into block elements . Let's see what we can do ！

One 、 Direct conversion

display:block;

You can directly convert inline elements into block elements .

Two 、 By absolute positioning

position:absolute;

Set the positioning attribute of the label to absolute positioning , You can convert inline element labels into block elements .

The specific effect is as follows ：

 

 

 

3、 ... and 、 Set float

float:left;

Set element to floating effect .

The above three methods , For your reference .