Before explaining CSS layout, we need to know some knowledge in advance. In CSS, label elements in html are generally divided into three different types: block elements, inline elements (also called inline elements) and inline elements. Connected block elements.

Commonly used block elements are:

<div>, <p>, <h1>...<h6>, <ol>, <ul> , <dl>, <table>, <address>, <blockquote>, <form>

Commonly used inline elements are:

<a>,< ;span>, <br>, <i>, <em>, <strong>, <label>, <q>, <var>, <cite>, <code>

Commonly used inline block elements are:

<img>, <input>