1
2/******************* BASIC BLOCK DISPLAY **********************/
3
4/**************** Block display Elements *********************/
5/*Elements that block any other elements from being in the
6same line. You can change the width from being the maximum
7width of the page, but you can´t put elements side by side */
8tag_name {
9 display: block;
10}
11
12/*Exemple of default block display elements:*/
13<h1> ... </h1>
14<p> ... </p>
15
16
17/**************** Inline display Elements *********************/
18/*They are the type of blocks that only take up the minimum space
19required (both in width and height). You can place these types of
20blocks side by side (on the same line) but you cannot change their
21dimensions */
22
23tag_name {
24 display: inline;
25}
26
27/*Exemple of default inline display elements:*/
28<spans> ... </spans>
29<img> ... </img>
30<a> ... </a>
31
32
33/************* Inline-block display Elements *****************/
34/*They take the best of the two other types above. You can put
35elements side by side (on the same line) and you can change this
36block width and height */
37
38tag_name {
39 display: inline-block;
40}
41
42
43/***************** None display Elements ********************/
44/*This block will never appear on your webpage and will never
45interact with the other elements (it doesn't take up space) */
46
47tag_name {
48 display: none;
49}
50