JSFiddle - React, Tailwind, and code Playground

by smartmax

HTML

<p>
    <a class="thin" href="http://www.xnm.com/">О компании</a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a class="thin" href="http://www.xnm.com/">Портфолио</a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a class="thin" href="http://www.xnm.com/">Контактная информация</a>
</p>

CSS

body {
    font-size: 110%;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    line-height: 140%;
}
a {
    color: #676767;
}
a:hover {
    color: #d50000;
}
.thin {
    text-decoration: none;
    border-bottom: 1px solid #B2B2B2;
}
.thin:hover {
    border-color: #f0b2b2;
    transition: all 0.7s ease 0s; /* Плавная анимация css3 */
}