Не работает margin 0; слева от h1 есть отступ маргина хотя он установлен как 0

Question

body {
  margin: 0px;
  padding: 0px;
  color: black;
}
a {
  text-decoration: none;
}
header {
  margin: 0px;
  padding: 0px;
  color: white;
  background-color: black;
  height: 100px;
  width: auto;
}
header h1 {
  margin: 0px;
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  width: 500px;
}
header img {
  padding-bottom: 30px;
  float: right;
  height: 50px;
  width: 50px;
}

<header>
  <h1>Мясная лавка Большого Дейва</h1>
  <img src="img/cart2.jpg" />
</header>

Это не margin отступ задан header h1 { padding-left: 10px;.. полезное чтиво — Rudi, Dec 30 '21 at 17:25
Ну, так мне надо убрать margin у надписи в header'е. А он есть и мешает расположить мне картинку слева. — Alexeyka123, Dec 30 '21 at 18:36

score 0 · Answer 1 · edited Dec 30 '21 at 19:19

0

вы забыли про paddind h1. Если посмотреть в инспекторе кода, у вас там padding-left: 30px; что и создает пробел.

body {
  margin: 0px;
  padding: 0px;
  color: black;
}
a {
  text-decoration: none;
}
header {
  margin: 0px;
  padding: 0px;
  color: white;
  background-color: black;
  height: 100px;
  width: auto;
}
header h1 {
  margin: 0px;
  padding-top: 30px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  width: 500px;
}
header img {
  padding-bottom: 30px;
  float: right;
  height: 50px;
  width: 50px;
}

<header>
  <h1>Мясная лавка Большого Дейва</h1>
</header>

edited Dec 30 '21 at 19:19

Alexeyka123

20

answered Dec 30 '21 at 18:09

Ananazz

1

При чем тут padding, у меня у h1 светится маргин, хотя я его убрал. – Alexeyka123 Dec 30 '21 at 19:06
Странно, у меня нет margin – Ananazz Dec 30 '21 at 19:07
а у меня есть, и я не понимаю какого хрена – Alexeyka123 Dec 30 '21 at 19:08
Мой вариант всё равно не помог? Это весь код? – Ananazz Dec 30 '21 at 19:10
Да, он не помог. И да, это весь код. – Alexeyka123 Dec 30 '21 at 19:10
Какой вы браузер используете? – Ananazz Dec 30 '21 at 19:15
Яндекс, вряд-ли это что то меняет. – Alexeyka123 Dec 30 '21 at 19:16

score 0 · Answer 2 · answered Dec 30 '21 at 19:13

Может быть попробовать так?

html, body {
  margin: 0px;
  padding: 0px;
  color: black;
}
a {
  text-decoration: none;
}
header {
  margin: 0px;
  padding: 0px;
  color: white;
  background-color: black;
  height: 100px;
  width: auto;
}
header h1 {
  margin: 0px;
  padding-top: 30px;
  /padding-left: 0px;/
  padding-right: 0px;
  padding-bottom: 0px;
  width: 500px;
}
header img {
  padding-bottom: 30px;
  float: right;
  height: 50px;
  width: 50px;
}

<header>
  <h1>Мясная лавка Большого Дейва</h1>
  <img src="img/cart2.jpg">
</header>

Не-а помогает... – Alexeyka123 Dec 30 '21 at 19:15 — Alexeyka123, Dec 30 '21 at 19:15
Какой браузер вы используете? – Ananazz Dec 30 '21 at 19:20 — Ananazz, Dec 30 '21 at 19:20

Не работает margin 0; слева от h1 есть отступ маргина хотя он установлен как 0

2 Answers2