How to add text shadow on Twitter?

Question

So far I have tried:

.navbar-inner { text-shadow: black 0.1em 0.1em 0.2em; } 

and

 .nav > li > a { text-shadow: black 0.1em 0.1em 0.2em; } 

Nothing works. What gives?

FYI my navbar html code is the same as Twitter Bootstrap demo code:

 <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#">Test Inc.</a> <div class="nav-collapse"> <ul class="nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#contact">Contact</a></li> </ul> </div><!--/.nav-collapse --> </div> </div> </div> 

Answer 1

Try:

 .navbar .nav > li > a{ text-shadow: black 0.1em 0.1em 0.2em; } 

Demo: here

one tip uses px instead of em because bootstrap uses px