JSFiddle - React, Tailwind, and code Playground

by Evgeniy

HTML

<div class="col_links">
        <div class="ar_item">	<a href="#" title="Бани, сауны, бассейны, инвентарь"><img class="link_ico" src="images/article/8.png" alt="">Бани, сауны, бассейны, инвентарь</a>

        </div>
        <div class="ar_item">	<a href="http://lobzikov.com/article/cat17-ventilyaciya-kondicionirovanie" title="Вентиляция и кондиционирование">Вентиляция и кондиционирование</a>

        </div>
    </div>
    <div class="col_links">
        <div class="ar_item">	<a href="http://lobzikov.com/article/cat8-bani-basseyny" title="Бани, сауны, бассейны, инвентарь">Бани, сауны, бассейны, инвентарь</a>

        </div>
        <div class="ar_item">	<a href="http://lobzikov.com/article/cat17-ventilyaciya-kondicionirovanie" title="Вентиляция и кондиционирование">Вентиляция и кондиционирование</a>

        </div>
    </div>
</div>

CSS

.ar_item {
			height: auto;
			margin-top: 4px;
			padding-left: 1px;
		}
		.ar_item:hover {
			background: #d0eba6;
		}
		.ar_item a {
			display: inline-block;
			position: relative;
			bottom: 0px;
			margin: 4px 0;
			width: 315px;
			height: auto;
			padding: 5px 0 5px 20px;
			text-decoration: none;
			font-size: 16px;
			color: #505050;
			line-height: 50px;
		}

		.ar_item .link_ico {
			float: left;
			display: inline-block;
			position: relative;
			top: 2px;
			width: 60px;
			height: 60px;
		}
		.ar_item a:hover {
			color: #505050;
		}
		.ar_item span {color: #AAAAAA;}