JSFiddle - React, Tailwind, and code Playground

by Alexandr Loginov

HTML

центральная часть для фильтра цин по маркам автомобилей
<div class="table_cell_top center_cell">
				<div class="global_bread">
					<a href="#">Главная</a> / <span>Каталог шин</span> / <span>Шина кама ирбис 502</span>
				</div>
				<div id="selection_tires">
					<ul>
						<li><h3>A</h3></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><h3>A</h3></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><h3>A</h3></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><h3>A</h3></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><h3>A</h3></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><h3>A</h3></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
						<li><a href="#">Acura</a></li>
					</ul>
					<p>Мы стремимся сделать процесс выбора автомобильных дисков максимально удобным. В интернет-магазине...

CSS

#selection_tires ul {
  margin: 25px 0;
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
}
#selection_tires ul li {
  color: red;
}
#selection_tires ul li h3 {
  margin: 15px 0;
  font-weight: bold;
  font-size: 18px;
  color: #000;
}
#selection_tires ul li:first-child h3 {
  margin-top: 0;
}
#selection_tires p {
  margin: 10px 0;
  color: #666;
}