Хотел сделать футер с копирайтом, но что-то пошло не так... Он должен был выглядеть следующим образом:
Обратите внимание, что линия футера должна быть во весь экран, в отличие от остального сайта, у которого есть отступы. Я вставил в html эту линию как изображение(img), затем в дивах вставил авторские права. Если я вставляю линию с относительным позиционированием(relative) линия не во весь экран, а всё это по % высчитывать очень сложно, а если я делаю абсолютное позиционирование, линия оказывается ниже авторских прав:
Подскажите решение, пожалуйста
Код CSS(при relative):
footer img {
position: relative;
margin-top: 50px;
width: 100%;
}
footer div {
font-family: 'Bebas Neue', serif;
color: #A2A2A2;
}
footer span {
font-family: 'Bebas Neue', serif;
color: #6E6E6E;
}
.div1 {
margin-top: 50px;
}
.div2 {
margin-left: 500px;
margin-top: -23px;
}
<footer>
<img src="img_Blitz/Top-Line.png"/> <!--линия футера-->
<div class="div1">All Content Copyright 2020 - <span>Blitz.</span> All Rights Reserved</div>
<div class="div2">Site Developed by <span>Best PSD Freebies</span></div>
</footer>
код CSS(при absolute):
footer img {
position: absolute;
margin-top: 50px;
width: 100%;
}
footer div {
font-family: 'Bebas Neue', serif;
color: #A2A2A2;
}
footer span {
font-family: 'Bebas Neue', serif;
color: #6E6E6E;
}
.div1 {
margin-top: 50px;
}
.div2 {
margin-left: 500px;
margin-top: -23px;
}