Hello,I want a link that has a little (let's say) slogan underneath it.so not:http://google.combut:http://google.com but in this situation I can't get it work...
<ul> <li><a href="#">Technology</a> <!-- I want a little slogan under this --> <ul> <li><a href="#2">PHP</a></li> <li><a href="#1">HTML</a></li> </ul> </li> <li> <a href="#">Lifestyle</a> <!-- I want a little slogan under this --> <ul> <li><a href="#">Sneakers</a></li> <li><a href="#">Random</a></li> </ul> </li> <li> <a href="#">About</a> <!-- I want a little slogan under this --> <ul> <li><a href="#">Background</a></li> <li><a href="#">Contact</a></li> </ul> </li></ul>
/* Menu outside*/nav#headerMenu{width: 724px;height: 75px;margin: 0px 0px 0px 266px;padding: 0px 5px 0px 5px;background-color: rgb(255,255,255);}ul{margin: 0;padding: 0;list-style: none;float: right;font-size: 18px;}ul li{display: block;position: relative;float: left;line-height: 75px;}li ul{display: none;}ul li a{display: block;text-decoration: none;margin-right: 5px;white-space: nowrap;height: 72px;width: 150px;text-align: center;color: rgb(99,99,99);}li:hover ul{display: block;position: absolute;}li:hover li{float: none;font-size: 10px;width: 150px;height: 20px;}/* Submenu kleur */li:hover ul a{background: rgb(255,255,255);height: 20px;margin-top: 0px;line-height: 20px;}/* Submenu kleur (hover) */li ul a:hover{color: rgb(0,93,232);background-color: rgb(156,156,156);}/* hoofdmenu kleur hover submenu */li:hover > a {background: rgb(0,93,232);height: 2px;margin-bottom: 72px;}