Block Element (div) and inline element (span), inline span

Block Element (div) and inline element (span), inline span

<Pre class = "html" name = "code"> 






What do inline and block elements in css mean respectively?
Here is an example of inline elements of block elements.

Div Block Element
Span inline Element
--------------------------------
<Div> block element </div>
<Span> I am inline element 1 </span>
<Span> I am an inline element 2 </span>
------------------------
Running, we can find that div occupies two or more columns of a single row and span can occupy one row.
-----------------------------------------------------------
The display attribute means that the display itself has many attributes,
---------------------------------------------
A simple explanation. Next, you can go to the next CSS Reference Manual on the Internet to see the detailed explanation.

Div: How do block and inline elements convert each other?
<Div style = "display: inline"> change block elements to inline elements </div> <span style = "display: block"> change inline elements to block elements </span>