Para que una línea aparezca debajo de un enlace activo sin decoración de texto: subrayado; propoerty, aquí estoy sugiriendo otras 2 formas.
Acabo de hacer prácticas las opciones para ayudarlo a comprender mejor.
Primero: con el uso del borde inferior
- ¿De qué maneras puedo editar archivos PHP?
- ¿Por qué alguien debería aprender Vue.JS sobre Angular o React?
- ¿Dónde puedo aprender a hacer bellas artes en 2D para mi juego?
- Cómo verificar enlaces rotos en la página web usando Selenium Webdriver C #
- Cómo transformarme de un novato absoluto a un desarrollador web profesional listo para la industria
Aquí está el código HTML
Cómo se ve con el uso de border-bottom:
Este código funciona, pero en el navegador IE encuentro el problema de que no funciona. Entonces, deberíamos mantener display: inline-block property.
Tenemos un efecto de baile, que se puede resolver con el uso de altura de línea.
Segunda solución: uso de Psudo Classed (antes y después)
Captura de pantalla adjunta, cómo funciona con las clases psudo.
¡Espero que estas 2 soluciones resuelvan su problema!