Чтобы расположить блок слева в CSS, можно использовать свойство float.
Свойство float указывает, как блок будет выравниваться относительно других элементов на странице. Если установить значение float для блока равным left, то блок «выплывет» влево и оставит место для других блоков справа от него.
Вот пример:
<div class="left-block">Текст блока</div>
.left-block {
float: left;
}
Здесь мы установили значение свойства float для блока с классом left-block равным left, чтобы блок располагался слева.
Обратите внимание, что если блоки на странице будут иметь разную высоту, то элементы, следующие за блоком с установленным свойством float, могут обтекать его, что может привести к нежелательному результату. Чтобы избежать этого, можно использовать свойство clear для очистки потока элементов.
Пример:
<div class="left-block">Текст блока</div>
<div class="clear"></div>
.left-block {
float: left;
}
.clear {
clear: both;
}
Здесь мы добавили дополнительный блок с классом clear после блока с установленным свойством float, который помощью свойства clear: both; будет очищать поток элементов и запрещать обтекание следующими элементами.
