@maksimryzhik

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

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

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

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

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