More actions
< User:Felyza | Sandbox
mNo edit summary |
mNo edit summary |
||
| Line 20: | Line 20: | ||
position: absolute; | position: absolute; | ||
z-index: 1; | z-index: 1; | ||
} | |||
.tooltip .tooltiptext { | |||
width: 120px; | |||
bottom: 100%; | |||
left: 50%; | |||
margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */ | |||
} | |||
.tooltip .tooltiptext::after { | |||
content: " "; | |||
position: absolute; | |||
top: 100%; /* At the bottom of the tooltip */ | |||
left: 50%; | |||
margin-left: -5px; | |||
border-width: 5px; | |||
border-style: solid; | |||
border-color: black transparent transparent transparent; | |||
} | } | ||
Revision as of 20:36, 12 September 2019
Hover over me
Tooltip text