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

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

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

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

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

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