In this guide, we have looked at how elements display in normal flow, as block and inline elements. Due to the default behavior of these elements, an HTML document with no CSS styling at all, will display in a readable way. By understanding how normal flow works you will find layout easier, as you understand the starting point for making changes to how elements are displayed....context, boxes are laid out horizontally, one after the other, beginning...top of a containing block. Horizontal margins, borders, and padding...