Выравнивае нескольких списков по верхнему пункту

[hernan cortes]

Ола амигос.

Есть проблема.

Условно разбил комплектующие к товару по группам. Вообщем получилось три списка. Сверстал три списка в три колонки, но получается что все списки выравниюваются по самому нижнему пункту списка.

Подскажите, еак сделать чтобы списки выравнивались по первому пункту, по верху, короче?

то что я сделал:

<div style="width:100%; font-weight:500;">
    <div style="display:inline-block; width:33%;">
        <p>Лапки:</p>
        <ol style="color:#727171;">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ol>
    </div>
    <div style="display:inline-block; width:33%;">
        <p>Приспособления и расходники:</p>
        <ol style="color:#727171;">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ol>
    </div>
    <div style="display:inline-block; width:33%;">
        <p>Инструменты и запчасти:</p>
        <ol style="color:#727171;">
            <li></li>
            <li></li>
            <li></li>
        </ol>
    </div>
</div>

что получилось:

фото

[Кириллиана]

Добрый. А Вот так не хотите сделать?