Выровнять тег по правому краю внутри элемента списка - PullRequest
Новая
       22

Выровнять тег по правому краю внутри элемента списка

0 голосов
/ 17 апреля 2020

Я использую Bulma и VueJS. Я хотел бы сделать список, и каждый элемент может иметь тег. Только один. Итак, у меня есть что-то вроде этого: https://jsfiddle.net/m8ucd01r/

<ul class="list is-hoverlible">
  <li class="list-item">
    Events
    <span class="tag is-info">
      Tag 1
    </span>
  </li>
   <li class="list-item">
    Events 2
    <span class="tag is-info">
      Tag 2
    </span>
  </li>
  <li clliss="list-item">
    Policy
    </li>
</ul>

но где тег выровнен по правой стороне. Более того: я не уверен, что ожидать от класса is-hoverable, но, похоже, он ведет себя совсем по-другому при использовании ul/li против div. Если кто-нибудь увидит, что у меня там тоже что-то не так, это было бы здорово. :) Спасибо!

...