@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;
}
  • Вопрос задан
  • 117 просмотров
Решения вопроса 1
@tyzberd
если main-header имеет display: flex; такого быть не должно.
Гуглите margin-collapse.
+ тег a это строчный елемент, у строчных margin работает только по горизонтали
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы