Search⌘ K
Home/
Courses/
Build Amazing Layouts with HTML5, CSS3, and Bootstrap 4

Elements and Class Selectors

Learn about elements, class selectors, and how they are used for styling.

We'll cover the following...

That’s it for this chapter! Here are a few conclusions and a summary of what we’ve learned.

HTML

  • HTML elements flow on a web page (web document), like the words flow on a novel page.

  • This is what a normal document flow looks like:

HTML
-----------------
| ------------> |
| ------------> |
| ------------> |
| ------------> |
| ------------> |
-----------------
  • Normal document flow means that elements flow top-to-bottom and left-to-right

Here’s a diagram of the normal document flow we’d have with only divs:

HTML
-----------------------------
| <div>..............</div> |
| <div>..............</div> |
| <div>..............</div> |
| <div>..............</div> |
| <div>..............</div> |
| <div>..............</div> |
| <div>..............</div> |
| <div>..............</div> |
-----------------------------
  • Regardless of how long the text content inside a div is,
...