Задать вопрос
@raulvodov
UI/UX Designer

Почему, если вместо padding-top внешнего контейнера указываю margin-top для элемента внутри, то не работает?

Почему, если вместо padding-top внешнего контейнера указываю margin-top для элемента внутри, то не работает margin-top?

CSS код ниже, вот в таком виде всё работает отлично.
Но почему-то если у .main-header .left-side убрать padding-top и вместо этого поставить margin-top для .left-side h1 a,
то код не работает. При этом почему-то с padding-left и margin-left всё работает отлично.

Сори за глупые вопросы, я начинающий верстальщик.
PS. .main-header имеет display: flex;

.main-header .left-side {
	padding-top: 35px;
}

.left-side h1 a {
	position: relative;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8rem;
	margin-left: 99px;
	color: #212121;
}
  • Вопрос задан
  • 124 просмотра
Подписаться 1 Простой 4 комментария
Решения вопроса 1
@tyzberd
если main-header имеет display: flex; такого быть не должно.
Гуглите margin-collapse.
+ тег a это строчный елемент, у строчных margin работает только по горизонтали
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
18 дек. 2024, в 11:03
5000 руб./за проект
18 дек. 2024, в 10:44
130000 руб./за проект
18 дек. 2024, в 10:02
7000 руб./за проект