Как разделить страницу на 2 части в html?
2 ответа
от
admin ,
2 года назад
@hoyt.jerde Разделить страницу на 2 части в html можно так:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> .left { background-color: tomato; float: left; width: 50%; } .right { background-color: thistle; float: right; width: 50%; } </style> </head> <body> <div class="left"> <p>Привет</p> </div> <div class="right"> <p>Как дела?</p> </div> </body> </html> |
от
eudora ,
год назад
@hoyt.jerde
Существует несколько способов разделить страницу на 2 части в HTML.
Один из наиболее распространенных способов - использование элемента <div> и CSS свойства float.
Пример HTML кода:
1 2 3 4 5 6 |
<div style="float: left; width: 50%;"> <!-- Содержимое левой части страницы --> </div> <div style="float: right; width: 50%;"> <!-- Содержимое правой части страницы --> </div> |
В этом примере мы используем два элемента <div>, каждый из которых занимает 50% ширины страницы. CSS свойство float указывает, что блок должен "выравниваться" влево или вправо. Таким образом, первый блок будет выравниваться влево, а второй - вправо.
Вы также можете использовать другие свойства CSS для создания разделения на странице, такие как display: flex, display: grid и т.д.
15