Наверняка даже начинающие сайтостроители знают, что такое тег <BR> и зачем он нужен. Обычно он используется для перевода строки. То есть этот тег останавливает непрерывный поток текста, и начинает вывод с новой строки.
Однако в некоторых случаях такое поведение не совсем то, что хотел бы получить сайтостроитель. Например, если слева у вас расположен рисунок или таблица, а справа от него находится текст. В этом случае текст будет продолжаться до конца рисунка, а когда рисунок закончится, текст снова будет на всю ширину страницы:
Это выглядит не очень красиво. Особенно, если после рисунка у вас должен начинаться новый раздел (тогда заголовок может оказаться справа или слева от рисунка).
Чтобы переместить текст в место на странице после рисунка, можно, например, помещать рисунок в параграф, в таблицу и т.п. Но есть более простой способ - использовать атрибут clear тега br. Тогда всё встанет на свои места:
Как это сделать? Ну, например, так:
<br clear="left">
Пример целиком на рисунке:
Атрибут clear принимает одно из трёх значений:
- left - продолжить текст со свободного места в левой части окна
- right - продолжить текст со свободного места в правой части окна
- all - продолжить текст там, где страница полностью свободна
И хотя существуют более современные способы решения подобных вопросов, лично я нередко использую именно этот, потому что он крайне простой и для обычных HTML-страниц, пожалуй, это лучшее решение.
На этом всё. Подписывайтесь на канал, чтобы ничего не пропустить.