The difference between block, inline, Inline-block

Block can be an inline element into a block-level element. and has the characteristics of block-level elements:

1. A single row full of the parent element;

2, the height and width of the property can be set;

3. You can set the value of margin and padding.

Inline can change block-level elements into inline elements and have the characteristics of inline elements:

1, will not occupy a single row, the element can be in a row, only one row in the line will not be another row;

2, Height and Width property alignment is invalid, is determined by the contents of the element in the row;

3, for margin and padding only horizontal direction will produce effect, vertical direction will not produce effect.

Inline-block can have elements with inline elements and block-level elements.

The difference between block, inline, Inline-block