Базовый поток документа

Я базовый элемент уровня блока. Мои соседние блочные элементы находятся на новой строке подо мной.

По умолчанию мы охватываем 100% ширины нашего родительского элемента, и мы так же высоки, как и наш child-контент. Наша общая ширина и высота - это наш контент + внутренний отступ (padding) + ширина / высота границы.

Мы отделены нашими полями. Из-за схлопывания полей мы отделены шириной одного из наших полей, а не обоих

Встроенные элементы такие как этот и этот находятся на одной линии с другими, и смежным текстом, если есть пространство. Встроенные элементы, что не влезают переходять на новую строку если это возможно (как этот текст)если же это невозможно, они переходят на новую строку, как это изображение: