Описание примера нормального размещения

Эта диаграмма иллюстрирует нормальное размещение текста между родительскими и соседними блоками.

Показано окно документа с 8 строками (пронумерованных от 1 до 8), каждая высотой 24px. Четыре строки текста имеют номера от 1 до 4.

В следующем ниже элементе PRE каждая строка в 24 px имитирует две строки, вторая начинается с соответствующего номера. Строки, которые появляются в изображении, содержат:

1 Beginning of body contents. Start 

2 of outer contents. Inner contents.

3 End of outer contents. End of body

4 contents.

Цвет текста по умолчанию – черный. Фраза "Start of outer contents" - красная. Предложение "Inner contents" - голубое. Предложение "End of outer contents" - красное.