Внешний вид ссылок - Вопросы по CSS

<ul class="nav nav-pills">
                        <li><a href="#"><i class="fa fa-coffee"></i> Новости</a></li>
                        <li><a href="#"><i class="fa fa-comment"></i> Подбор клички</a></li>
                        <li><a href="#"><i class="fa fa-plus-square"></i> Ветеринария</a></li>
                        <li><a href="#"><i class="fa fa-picture-o"></i> Фотогалеря</a></li>
                        <li><a href="#"><i class="fa fa-paw"></i> Питомники</a></li>
                    </ul>

<ul class="nav menu nav-pills">
<li class="item-102"><a class="fa fa-coffee" href="/testovyj-punkt-1.html" >Тестовый пункт 1</a></li>
<li class="item-103"><a href="/testovyj-punkt-2.html" >Тестовый пункт 2</a></li>
</ul>