Saya memiliki daftar label yang tidak berurutan. Saya ingin menyelaraskannya dalam CSS di sisi kiri seperti pada gambar ini (saya tidak dapat memposting gambar untuk saat ini):

https://imgur.com/qipYkCA.png

Tetapi sejauh ini saya hanya dapat mencapai ini:

https://imgur.com/qGdosEw.png

<ul class="badge-list">
  <li>Sci-Fi</li>
  <li>Adventure</li>
  <li>Crime</li>
  <li>Novels</li>
  <li>Children</li>
  <li>Drama</li>
  <li>Historical</li>
</ul>

Gaya:

.badge-list {
  .li {
    list-style-type:none;
    display: inline-block;
  }
  .li+.li {margin-left: 5px}
}

Bagaimana saya bisa menyelaraskan kiri baris kedua?

css
0
Nelie 28 Oktober 2019, 03:49

1 menjawab

Jawaban Terbaik

.li+.li {margin-left: 5px} adalah masalahnya, memasukkan margin ke kiri. Mengapa tidak menempatkan margin di sebelah kanan mereka? .li {margin-right: 5px}

0
Francis ask question 28 Oktober 2019, 00:59