JSFiddle - React, Tailwind, and code Playground

by Alex

HTML

<div>
<h3>On-line консультации</h3>
<ul class="menu" id="feedback">
<li class="item56">
<a href="/index.php?option=com_contact&view=contact&id=2&Itemid=56">
<span>Юридическая</span>
</a>
</li>
<li class="item57">
<a href="/index.php?option=com_contact&view=contact&id=2&Itemid=57">
<span>Бухгалтерская</span>
</a>
</li>
<li class="item58">
<a href="/index.php?option=com_contact&view=contact&id=2&Itemid=58">
<span>Финансовая инфраструктура</span>
</a>
</li>
</ul>
</div>

CSS

div {
display: block;
font: normal normal 400 12px/15.6px Verdana;
height: 141px;
margin: 0px;
padding: 0px;
text-align: left;
width: 184px;
}

h3 { 
border-bottom: thin inset #333333;
color: #575757;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 14px;
font-weight: 500;
margin: 0px 0px 10px;
padding: 0.25em 0px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.298);
}

ul#feedback { 
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
font-size: 12px;
list-style-type: none;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.298);
}

ul#feedback li a {
display:block;
border: thin solid #CCCCCC;
border-radius: 5px;
width: 165px;
height:40px;
}

ul#feedback li a { 
color: #555555;
padding: 0.5em;
width: 165px;
    display:table-cell;
    vertical-align:middle;
}