これを1時間修正しようとしてきましたが、解決策が見つかりません。
私が欲しいのは、背景画像が「目盛り」の中央揃えのリストです。
これ欲しい:
ドットがリストの左側ul
(幅 1140 ピクセル) に配置され、中央に配置されたリスト項目の左側に配置されないことを除いて、正常に機能li
します。
これを1時間修正しようとしてきましたが、解決策が見つかりません。
私が欲しいのは、背景画像が「目盛り」の中央揃えのリストです。
これ欲しい:
ドットがリストの左側ul
(幅 1140 ピクセル) に配置され、中央に配置されたリスト項目の左側に配置されないことを除いて、正常に機能li
します。
css:before
疑似クラスを使用できます。
ul {
list-style: none;
text-align: center;
}
li:before {
content: "\2022";
}
ドットを の左側に配置する場合は、ドットイメージを背景としてul
使用します。
ul li {
text-align: center;
background: url(path/to/dot.png) 0 center no-repeat;
}
ドットをリスト項目の左側に揃える必要がある場合は、次を使用します。
ul {
list-style-type: none;
padding: 0;
text-align: center;
white-space: pre-line;
}
ul li {
display: inline-block;
padding-left: 15px;
background: url(path/to/dot.png) 0 center no-repeat;
}