Как прописать стиль ширины для li?

Question

[Лариса]

<ul class="list">
        <li class="item">
            название 1
        </li>
        <li class="item">
            название 2
        </li>
        <li class="item">
            название 2
        </li>
</ul>

.item {
display: table-cell;
}
.item:not(:last-child) {
     width: calc(100% - 200px/2);       /*  не работает */ 
 }
 .item:last-child {
     width: 200px;
 }

Как правильно прописать стиль, если надо чтобы
последняя была фиксирована, а остальные две пополам?

Comments

[Сергей Тутуков]

.list{
    display: table;
    table-layout: fixed;
}

https://codepen.io/STutukov/pen/JyJoXm

[Лариса]

Сергей Тутуков: супер!!!
огромное спасибо за помощь.
то что требовалось

Answer 1

[one_day]

.item {
       display: table-cell;
       width: calc((100% - 200px)/2);
}
 .item:last-child {
       width: 200px;
 }

Comments

[Лариса]

не работает

[one_day]

выше написанное работает, возможно результат не тот, который вы имели ввиду

если нужно на всю ширину рабочей области:
https://codepen.io/one_day/pen/rzwaNp

[Лариса]

one_day: в том и беда что не работает, а очень надо

https://jsfiddle.net/hrfqgwmc/

проблема выступает, если контент в правой, например, больше чем в левой

[Лариса]

большое спасибо за помощь
коллега сейчас в одном из ответов написал table-layout: fixed;
и это решило проблему

удачного Вам дня

Answer 2

[Сергей Горячев]

https://jsfiddle.net/k9wethz2/

Comments

[Лариса]

нельзя уходить от display: table-cell;
на этом завязаны решения по дизайну

[Лариса]

Лариса: большое спасибо за помощь
коллега сейчас в одном из ответов написал table-layout: fixed;
и это решило проблему

удачного Вам дня

[Сергей Горячев]

Лариса: https://jsfiddle.net/v3j57fna/ (без всяких лайаутов)
и кстати, правильные ответы нужно отмечать на тостере, не смотря на то, что они не вписываются в ваше эстетическое извращение

Answer 3

[Артём Ведищев]

Мой вариант
https://jsfiddle.net/b5bjtfjL/

Comments

[Лариса]

к сожалению нужна поддержка версий, где флексы не работаю(

[Артём Ведищев]

Ну тогда так
https://jsfiddle.net/b5bjtfjL/1/
Пойдет?

[Лариса]

Артём Ведищев: большое спасибо за помощь
коллега сейчас в одном из ответов написал table-layout: fixed;
и это решило проблему

удачного Вам дня