Çözüldü HTML listedeki yazılar kutu içerisine nasıl yerleştirilir?

Pazarama sitesinin giriş kısmını kendim yapmayı deniyorum fakat takıldığım ve uğraşmama rağmen bir türlü çözemediğim bir sorun var.



"Li" komutu ile yukarıdaki resimdeki gibi (aradaki dikey çizgiler olmadan) bir kategori bölümü yapmaya çalıştım fakat olmadı.



Onun yerine bunun gibi bir şey oldu. Nerede yanlış yaptım ya da yazmam gereken bir kodu yazmadım acaba? Ayrıca yazıların renklerini de değiştiremiyorun. "!important" ile denememe rağmen de olmadı.