Edit in JSFiddle

<ul>
	<li><a href="#">Menu</a></li>
	<li><a href="#">Menu</a></li>
	<li><a href="#">Menu</a></li>
	<li><a href="#">Menu</a></li>
	<li><a href="#">Menu</a></li>
</ul>
ul {
    text-align: center;
}
ul li {
    display: inline-block;
    padding: 5px;
    font-family: sans-serif;
    font-size: 18px;
}
ul li a {
    text-decoration: none;
    color: #000;
}
ul li a:hover {   
    -webkit-text-fill-color: black;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}