Block-level elements, inline elements, and inline block elements

1. What is the difference between block-level elements and inline elements?

Block-level element exclusive row

Inline elements can be displayed on a single line, but cannot set the upper and lower padding and margin values.

2, block-level elements and inline elements of the conversion of each other?

Block-level elements in the change-in element: Display:inline;

Inline element to block level element: Display:block;

3, the row inside the block element adjacent layout, how to solve the space between several pixels?

Add a float to an element

4. Common block-level elements, inline elements, and inline block elements?

Block-level elements: Div, H-series, Li, DT, DD, p

Inline elements:span, u, a,, em, b,i,u,em

Inline block elements: Input, IMG, button, Texterea, label.

5, block-level elements, inline element nesting issues? Block-level elements

You can nest inline block elements, inline elements

In-line elements

Nested inline elements, not nested block-level elements

Block-level elements, inline elements, and inline block elements