<ul>
<li id="wpub"><a href=#><strong>Publish</strong> thoughts</a></li>
<li id="wcon"><a href=#><strong>Get</strong> feedback</a></li>
<li id="wshr"><a href=#><strong>Post</strong> photos</a></li>
<li id="wpst"><a href=#><strong>Go</strong> mobile</a></li>
</ul>
CSS:
------------------
ul
{
list-style:none;
margin:0px;
padding:0px;
}
ul li
{
float:left;
margin:0px;
padding:0px;
}
ul li a
{
color:#777;
display:block;
padding:80px 10px 5px;
text-align:center;
text-decoration:none;
width:75px;
}
ul li a strong
{
color: #000;
font-size:larger;
display:block;
}
ul li#wpub a:hover,
ul li#wcon a:hover,
ul li#wshr a:hover,
ul li#wpst a:hover
{
background-color:#f8f2ed;
}
ul li a:hover
{
color:#000;
}