Tooltip

[faillure]

Código HTML:

<p data-explicacion='Tooltip'>Lorem ipsum soluta eaque accusamus  praesentium!</p>
 

Código CSS:

p {
   position: relative; 
  /*más*/
}
p:hover:after {
   content: attr(data-explicacion);
  /*resto propiedades para posicionarlo*/
}
 

position el valor inicial es estatic y no sirve como referencia.

alt nunca lo vi aplicado a párrafos. Solo a elementos reemplazados como las imágenes (alt == texto alternativo)