Código de CSS - Efecto subrayado al pasar el ratón por encima de un texto con CSS

Efecto de subrayado al pasar el ratón por encima de un texto. En este ejemplo el subrayado va de izquierda a derecha y del centro hacia los lados.