Как убрать обтекание 2 и 4 элемента li

Question

Как можно убрать обтекание для 2 и 4 элемента li , я знаю что нужно использовать clear , но как это можно сделать если они все в одном классе?

.just{
  display: flex;
  min-height: 850px;
  align-items: center;
}
.inline{
  border: 2px solid rgb(255,0,0);
  padding: 10px;
  font-size: 4em;
  list-style-type: none;
  display: flex;
  border-radius: 23px;
  width: 50%;
  justify-content: center;
  box-sizing: border-box;
  float: left;
  max-width: 100%;
}

<ul class="just">
  <div class="for-ul">
    <li class="inline">Новости</li>
    <li class="inline">Ураганы</li>
    <li class="inline">Холдинги</li>
    <li class="inline">Увертюра</li>
    <li class="inline">Драпированный</li>
    <li class="inline">Пролиферация</li>
  </div>
</ul>

Answer 1

обращение к определенным по счету элементам производится через псевдокласс :nth-child() где в скобках указывается конкретный порядковый номер или формула, например :nth-child(3n+2) обратится к каждому 3-му элементу начиная со 2-го. Соответственно, вам подойдет вариант такой .inline:nth-child(2) {clear: both;} .inline:nth-child(4) {clear: both;}

БЛОГ НА HUSL

Как убрать обтекание 2 и 4 элемента li

Ответы (1 шт):