Задать вопрос
Ingernirated
@Ingernirated
Романыч

Откуда и как убрать эти отступы между заголовком и текстом?

Всем привет!
Подскажите, почему между картинкой, заголовком и текстом есть отступы и как от него избавиться?
https://jsfiddle.net/60ktuyLd/
  • Вопрос задан
  • 358 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 3
JRK_DV
@JRK_DV
Рецепты https://codepen.io/jrkdv/full/LKLXdq
удалить\изменить margin
Ответ написан
Комментировать
romanko_vn
@romanko_vn
https://jsfiddle.net/n2wz58xa/

body {margin:0;}
* {
  box-sizing: border-box;
}
.box {
  width:50%;
  background-color:coral;
}
.box-img {
  width:100%;
  display:block;
}
.box-header {
  width:100%;
  text-align:center;
  font-size:28px;
  line-height:28px;
  background-color:red;
  margin:0;
}
.box-text {
  width:100%;
   text-align:center;
  font-size:16px;
  line-height:16px;
  background-color:red;
   margin:0;
}
Ответ написан
creo_kiev
@creo_kiev
добавить в css:
.box, .box-img, .box-header, .box-text {margin:0;}
эту же конструкцию можно представить проще:
[class*="box"] {margin:0;}
этот код убьет все отступы, но в идеале стоит подкрутить под себя, что бы небольшие отступы, но были.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
Love.ru Пермь
от 100 000 ₽
DigitalHR Ереван
от 120 000 до 180 000 ₽