Как назначить ширину, зависимую от колличества элементов содержащихся в родителе?

Question

[Василий Хрягин]

Вот здесь в ul 2 лишки, как сделать чтобы ширина у li была 50%. А если лишек 4 - то 25%?

<ul class="slick-dots" style="" role="tablist">
  <li class="" role="presentation">
   <button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 2" 
   tabindex="-1">1</button>
</li>
 <li role="presentation" class="slick-active">
   <button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide04" aria-label="2 of 2" tabindex="-1">2</button>
 </li>
</ul>

Answer 1

[drawnofmymind]

https://jsfiddle.net/h1cj04yL/