Здравствуйте! Кроме свойства float, которое позволяет изменять позицию элемента, в CSS есть еще одно важное свойство — display. Оно позволяет управлять блоком элемента и также влиять на его позиционирование относительно соседних элементов.

Это свойство может принимать следующие значения:

• inline: элемент становится строчным, подобно словам в строке текста
• block: элемент становится блочным, как параграф
• inline-block: элемент располагается как строка текста
• list-item: элемент позиционируется как элемент списка обычно с добавление маркера виде точки или порядкового номера
• run-in: тип блока элемента зависит от окружающих элементов
• flexbox: позволяет осуществлять гибкое позиционирование элментов
• table, inline-table: позволяет расположить элементы в виде таблицы
• none: элемент не виден и удален из разметки html

Читать далее