quiero aumentar la longitud de los subrayados de los enlaces, os enseño el código y lo que quiero conseguir:
.a-footer{
font-size: 30px;
color: white;
text-decoration: none;
border-bottom: 2px solid white;
padding-bottom: 10px;
}
Según lo tengo me aparece así:
Y el resultado que quiero sería algo así:
No sé muy bien cómo hacerlo... Si me echaran una mano, se lo agradecería.
Muchas gracias!!
Edit: Agrego el HTML
<footer>
<div class="container footer-1 row align-items-center">
<a href="#" class="a-footer">Supermercados</a>
<a href="#" class="a-footer">Folletos</a>
<a href="#" class="a-footer">Otros Servicios</a>
<a href="#" class="a-footer">Redes Sociales</a>
</div>
Las reglas son estas:
.container{
padding-left: 30px;
padding-right: 30px;
}
.footer-1{
background-color: rgb(41, 123, 60);
height: 10vh;
}
La de row y align-items-center es simplemente para flex
width
en tus elementosa-footer