The previous guide explained block and inline layout in normal flow. All elements that are in flow will be laid out using this method.
The following example contains a heading, paragraph, a list and a final paragraph which contains a strong
element. The heading and paragraphs are block level, the strong
element inline. The list is displayed using flexbox to arrange the items into a row, however it too is participating in block and inline layout - the container has an outside display
type of block
.
All of the elements can be said to be in flow. Appearing on the page in the order that they are in the source.