Cara buat menu selected menu tampil text di css

Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana Cara buat menu selected menu tampil text di css,
berikut ini syntaxnya.
-------------------------------------------------------------
<style type="text/css">
ul li {
    display:inline-block;
    background:skyblue;
    margin:5px;
    padding:5px;
    width:50px;
    height:50px;
    text-align:center;          
}

ul li a span {
 margin-top:20px;
 visibility:hidden;
    position:relative;
    top:20px;
 
}

ul li a:hover span, ul li a:focus span {
    visibility:visible;
}
</style>

<h1>Cara buat menu selected tampil text</h1>
<ul>
<li><a href="#">menu 1<br /><span>pilih</span></a></li>
    <li><a href="#">menu 2<br /><span class="current">pilih</span></a></li>
    <li><a href="#">menu 3<br /><span>pilih</span></a></li>
</ul>
-------------------------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/