span is the standard inline element. An inline element can wrap some text inside a paragraph
without disrupting the flow of that paragraph. The
a element is the most common inline element, since you use them for links.
Another common display value is
none. Some specialized elements such as
This is different from
none will render the page as though the element does not exist.
visibility: hidden; will hide the element, but the element will still take up the space it would if it was fully visible.
other display values
There are plenty of more exotic display values, such as
table. Here is an exhaustive list. We'll discuss
flex later on.
As I mentioned, every element has a default display type. However, you can always override this! Though it wouldn't make sense to make an inline div, you can use this to customize the display of elements that have particular semantics. A common example is making inline
li elements for horizontal menus.