Last active
August 29, 2015 14:19
-
-
Save jrrickard/893f4c46c50e17efe3f7 to your computer and use it in GitHub Desktop.
Example of unicode arrow
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<title>an example</title> | |
<style type="text/css"> | |
.tooltip { | |
background: black; | |
color: gray; | |
position: fixed; | |
top: 100px; | |
left: 100px; | |
width:200px; | |
height:100px; | |
} | |
.tooltip:after { | |
content: "\25BC"; /* this is the symbol */ | |
font-size: 30px; /* this controls size */ | |
text-align: center; /* this controls position, left center or right */ | |
width: 100%; /* how much to use */ | |
position: absolute; /* overall positioning, this puts it at the end */ | |
margin : -1px 0px 0px 0px; /* margin can control fine tuning */ | |
top: 100%; /* put it at the bottom */ | |
left: 0; /* start the very left of the div */ | |
} | |
} | |
</style> | |
</head> | |
<body> | |
<div class="tooltip"> | |
This is a tooltup window | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment