Почему не отображается первая ссылка (column-span)?

В хроме и Опере не вижу первую ссылку, как исправить?
https://codepen.io/workcode/pen/XWdarzX
5f4c634c9c14e319760858.png

a { outline: none; color: SteelBlue; font-family: Arial; }
.knowledge_base { column-width: 150px; column-gap: 5px; }
h2 { column-span: all; }

<section class="knowledge">
  <h1>База знаний</h1>

  <ul class="knowledge_base">
    <li><a><h2>Начало</h2></a>
      <ul>
        <li><a href="#">Знание 1</a></li>
        <li><a href="#">Знание 2</a></li>
        <li><a href="#">Знание 3</a></li>
        <li><a href="#">Знание 4</a></li>
      </ul>
    </li>
  </ul>
</section>
  • Вопрос задан
  • 63 просмотра
Решения вопроса 1
develx
@develx
Web developer
Уберите css columns для .knowledge_base { column-width: 150px; column-gap: 5px; } и добавьте display: flex для вложенных списков.
css columns здесь вообще не в тему, все решается флексами.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы