Задать вопрос
@maksimryzhik

Как сделать горизонтальную линию во всю ширину блока?

На данном примере, линия растягивается во всю ширину блока.
ccf2bfff635f461e8c9d0e22c3ad8602.png
У меня линия растягивается не на всю ширину блока, так как у блока есть внутренние отступы. Как можно убрать эти отступы у линии ? Пожалуйста помогите, новичок в верстке
cc12be63170a4ee7b946d48df24755a4.png
  • Вопрос задан
  • 2526 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
IonDen
@IonDen
JavaScript developer. IonDen.com
Два способа:
https://jsfiddle.net/9e5oswyw/
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
у блока есть внутренние отступы. Как можно убрать эти отступы у линии

задать для линии отрицательный margin равный внутренним отступам блока
Ответ написан
Комментировать
@GreatRash
Переверстать по-нормальному. Линия не должна быть внутри блока с паддингом.
Ответ написан
Комментировать
@drtvader
Вечный студент
Линию через hr и вне блока.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы