Есть ли способ сделать зависимыми 2 блока на CSS?

Question

[Максим Корольский]

Есть 2 li как сделать их зависимыми друг от друга.
Возможно ли это на CSS

У них такие свойства :

white-space: nowrap;
    overflow: hidden;
    min-width: 200px;
    max-width: 320px;
    width: auto;
    display: inline-block;

Суть в том, что если текст в одном длинный, он растягивается. Но второй при этом остается таким же по размеру. Так же надо оставить min max значения. Есть ли способы сделать это, или придеться прибегать к JS?

Забыл отметить что эти 2 li находяться друг под другом

Answer 1

[Lilia]

Все легко решится с помощью flexbox.
Для ul надо применить свойство display: flex;
flex-direction: row;

Погугли о flexbox

Answer 2

[Андрей Никифоров]

https://jsfiddle.net/0uccjyc2/ оно ?
Подробнее тут ufashop.ahost5.ru/list

Comments

[Максим Корольский]

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

[Андрей Никифоров]

Максим Корольский: тогда вообще не понимаю в чем проблема, укажи 100% и все

[Максим Корольский]

Сергей Другов не могу же. Свойства остальные нельзя менять и добавлять блоки нельзя div > ul > li + li только это есть. То есть width: auto и max min обязательно нужны. Кстати таблицы не удалось прикрутить.

Answer 3

[Алмат Нығман]

Используйте flexbox
Flexbox