Using title attribute in a link

HTML Code

Output

<!DOCTYPE html>
<html>
<head>
<style>
.men_ex{
    border-radius:5px;
}
.men_ex ul {
    width:185px;
    list-style-type: none;
}
.men_ex ul li a{
    text-decoration: none;
    color: #fff; 
    padding: 10.5px 11px;
    background-color: #D90000;
    display:block;
    border-bottom:solid 1px #000;
}
.men_ex ul li a:visited {
    color: white;
}
 
.men_ex ul li a:hover, .men_ex ul li .current {
    color: #000;
    background-color: #FFBFBF;
}
</style>   
</head>
 
<body>
<h3>A demo of hyperlinks with CSS</h3>
<div class="men_ex" id="mainmenu">
<ul>
<li><a href="#" title="jQuery is a JavaScript library">jQuery</a></li>
<li><a href="#" title="Hypertext Markup Language">HTML</a></li>
<li><a href="#" title="Cascade Stylesheet">CSS</a></li>
<li><a href="#" title="Mobile-first Bootstrap Framework">Bootstrap</a></li>
<li><a href="#" title="A poerful client side language">JavaScript</a></li>
</ul>
</div> 
</body>
 
</html>

A demo of hyperlinks with CSS

jQuery
HTML
CSS
Bootstrap
JavaScript