css tooltip arrow

1a.tip span:before{
2    content:'';
3    display:block;
4    width:0;
5    height:0;
6    position:absolute;
7
8    border-top: 8px solid transparent;
9    border-bottom: 8px solid transparent;
10    border-right:8px solid black;
11    left:-8px;
12
13    top:7px;
14}
15

1//When you hover over the word "hello" the text "goodbye" will appear
2in a small box
3<a href="./####" title = "goodbye" >hello</a>