Как отступить сверху от элемента, у которого задан стиль float

Если верхний элемент имеет свойство float:left или float:right, то следующий за ним элемент отказывается создавать отступ margin. Ниже о том, как решить такую проблему.

Даже, если поставить большой отступ и выставить свойство !important, результата не будет:

Решение 1

Можно между этими двумя элементами поставить пустой элемент div, со свойством:

Решение 2

Применить ко второму объекту свойство:

Обычно этого достаточно, но бывает необходимо добавить и другие свойства:

Минусом второго варианта является то, что перестаёт работать центровка:

Однако её можно заменить на мнимую (отступить с двух сторон), хотя это не так удобно, если дизайн предполагает адаптивную вёрстку:

Привет. Ты находишься на моём сайте. Я разработчик. Здесь я делюсь своими наработками и знаниями. Спрашивай в комментариях, если тебе что-то не понятно или пиши, если есть что добавить.

Если вам пригодилась информация, вы можете поблагодарить автора сайта символическим пожертвованием:

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи: "Как отступить сверху от элемента, у которого задан стиль float".

Ваш e-mail не будет опубликован. Обязательные поля помечены *