Tengo un tramo simple que contiene una dirección de correo electrónico.

<span id="email">[email protected]</span>

En mi CSS, el intervalo se establece en un ancho fijo con desbordamiento de puntos suspensivos.

#email {
    display: inline-block;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

Esto funciona bien. Sin embargo, me gustaría detectar que ha funcionado de alguna manera y mostrar el texto completo en la extensión de Span's.title atributo.

¿Cómo puedo hacer esto? El CSS puro sería perfecto, pero si eso no es posible, jQuery es la mejor opción.