Хочу спросить как правильно сделать бордер под текстом на всю ширину?
.logo {
font-size: 18px;
line-height: 22px;
color: #070707;
margin-right: 150px;
}
.header-line {
padding-top: 32px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.header-line::before {
content: "";
position: absolute;
bottom: -32px;
width: 870px;
margin-left: -150px;
border: 1px solid #828282
}
.nav-item {
font-size: 18px;
line-height: 22px;
color: grey;
margin-right: 150px;
text-decoration: none;
}
}
<header class="header">
<div class="container">
<div class="header-line">
<div class="logo">Home</div>
<nav>
<a class="nav-item" href="">About me</a>
<a class="nav-item" href="">Skills</a>
<a class="nav-item" href="">Portfolio</a>
<a class="nav-item" href="">Contacts</a>
</nav>
</div>
</div>
</header>
html
иcss
текстом.