User:Felyza/Sandbox/TooltipTest: Difference between revisions

@@ Line 17: / Line 17: @@
    border-radius: 6px;
-  /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
@@ Line 24: / Line 23: @@
 .tooltip .tooltiptext {
    width: 512px;
-   bottom: 100%;
+   top: 100%;
-   left: 50%;
+   left: 75%;
-   margin-left: -256px; /* Use half of the width (120/2 = 60), to center the tooltip */
+   margin-left: -128px; /* Use half of the width (120/2 = 60), to center the tooltip */
-}
-.tooltip .tooltiptext::before {
-  content: " ";
-  position: absolute;
-  bottom: 100%; /* At the bottom of the tooltip */
-  left: 50%;
-  margin-left: -5px;
-  border-width: 5px;
-  border-style: solid;
-  border-color: black transparent transparent transparent;
 }
 /* Show the tooltip text when you mouse over the tooltip container */