I created the following:
<div style="margin-top: 1.2em">
<i style="margin-right: 0.5em; color: #EEEEEE;" class="icon-home icon-4x"></i>
<i style="margin-right: 0.5em; color: #EEEEEE;" class="icon-th icon-4x"></i>
<i style="margin-right: 0.5em; color: #EEEEEE;" class="icon-cog icon-4x"></i>
</div>
Can someone tell me how I can make it so clicking on one of these icons or a word below it takes me to a link?
What I would like to do is to make it so the icons appear like this:
xxxxxx xxxxxx xxxxxx
xxxxxx xxxxxx xxxxxx
xxxxxx xxxxxx xxxxxx
Home Admin Setting
So that when I click anywhere from the top of the icon to the bottom of the words below that this is the same as clicking in an:
<a href="/home">Home</a>
<a href="/admin">Admin</a>
<a href="/setting">Setting</a>
link.
Update
I believe maybe I need a solution that uses DIVs. I tried both answers given to me and both make the icons appear vertical. Also the second answer maybe is not idea as it has multiple hrefs for the same link. Hope someone can help out with another answer.