Не могу выровнять средний столбец. Пробовал флексами и space-between
- криво выходит. Флотами тоже не получается . Надо чтобы левый и правый столбец были выравнены по краям контейнера. А средний был чётко в центре.
.items ul:nth-child(1) {
float: left;
}
.items ul:nth-child(2) {
float: right;
}
.items ul:nth-child(3) {
float: none;
width: 200px;
margin: 0 auto;
}
<div class="items cfix">
<ul>
<li>
<div class="item1"></div><span>Оформление<br>документов</span></li>
<li>
<div class="item2"></div><span>Бальзамирование</span></li>
<li>
<div class="item3"></div><span>Катафалк</span></li>
</ul>
<ul>
<li>
<div class="item4"></div><span>Бригада</span></li>
<li>
<div class="item5"></div><span>Копка</span></li>
<li>
<div class="item6"></div><span>Отпевание<br>в церкви</span></li>
</ul>
<ul>
<li>
<div class="item7"></div><span>Поминальный<br>обряд</span></li>
<li>
<div class="item8"></div><span>Кремация</span></li>
<li>
<div class="item9"></div><span>Груз 200</span></li>
</ul>
</div>