Bullet list css

-1

私はワードプレスで弾丸リストを改造しようとしていますhttps://www.willgo.fr/。私は以下のCSSを使用していますが、弾丸は整列していません。Bullet list css

ul.special_bullet li { 
    list-style: none!important; 
} 

ul.special_bullet li:before { 
    color: #00b300; 
    content: "\2022"; 
    float: left; 
    overflow: hidden; 
    position: relative; 
    top: -15px; 
    left: -5px; 
}

ご意見はありますか？

出典

2017-12-18 William

を私はオンラインスニペットの代わりに、実際のWebページのURLにいくつかのリンクを配置することをお勧めしたいです。人々は知らないページへのリンクをたどりたいとは思わないかもしれません。誰もが知っているコードを見て、見たいと思うコードを共有するJS fiddle（https://jsfiddle.net/）を使うことができます。 – Kamil

あなたの弾丸を壊すことができるものはtop: -15pxです。削除することをお勧めします。

出典

2017-12-18 10:19:41 Kamil

解決策が見つかりました。追加したときに弾丸が移動しました。は、だから私は使用：

.special_bullet h3 { 
    display: inline-block; 
}

出典

2017-12-18 13:42:39 William

答えて

関連する問題