html - 位置合わせリスト画像へのテキスト

Question

custom を適用する順序なしリストを作成していますlist-style-image。次のようになります。

リストが 2 行目から始まる場所。ご覧のとおり、テキストとリスト イメージの配置が正しくありません。どうすればこれを修正できますか? 私はすでに試しました：

• パディング
• 行の高さ
• 身長

CSS

.formErrorList {
    margin: 10px;
    padding-left: 35px;
    list-style-image: url("/icons/minus.png");
    line-height: 120%;
}

これらのプロパティはどれもあまり効果がないようです。

Answer 1

背景画像を使用するという提案に同意します。垂直方向の中央に配置するには、y 座標として 50% を使用します。

background: url(images/bullet.gif) no-repeat left 50%;