data-title

This commit is contained in:
Satya L. Johnson 2021-09-24 08:32:24 -04:00
parent 4e9890520b
commit 0f604be65d
1 changed files with 5 additions and 5 deletions

View File

@ -11,16 +11,16 @@ abbr {
text-decoration: none;
border-bottom: none;
}
abbr[title] {
abbr[data-title] {
position: relative;
/* ensure consistent styling across browsers */
text-decoration: underline dotted;
}
abbr[title]:hover::after,
abbr[title]:focus::after {
content: attr(title);
abbr[data-title]:hover::after,
abbr[data-title]:focus::after {
content: attr(data-title);
/* position tooltip like the native one */
position: absolute;
@ -38,7 +38,7 @@ abbr[title]:focus::after {
padding: 3px 5px;
}
</style>
<span style="font-size: large;"><em>"Critical and radical thought will only bear fruit when it is blended with<br>the most precious quality man is endowed with - the love of life."<abbr title = "Erich Fromm, The Anatomy of Human Destructiveness"><sup></sup></abbr></em></span>
<span style="font-size: large;"><em>"Critical and radical thought will only bear fruit when it is blended with<br>the most precious quality man is endowed with - the love of life."<abbr data-title = "Erich Fromm, The Anatomy of Human Destructiveness"><sup></sup></abbr></em></span>
<div class="nav">
<div class="delimiter"></div>
<div class="links">