この記事は公開から1年以上前のものです。
内容が古く、現在では推奨されていない方法の可能性もありますのでご注意ください。
内容が古く、現在では推奨されていない方法の可能性もありますのでご注意ください。
大概ずれるんですよね、リストマーク。
画像素材の作り方が甘いんでしょう(´・ω・｀)
なのでlist-style-imageを使わずにliの背景にリストマークを指定する方法を使うわけなんですが…。
|
1 2 3 4 5 6 |
li{ background:url(../img/listmark.png); background-repeat:no-repeat; background-position:left center; padding-left:15px; } |
liの中身が改行しちゃったりするとズレるんですよね。
なのでbackground-positionのcenterを
|
1 2 3 4 5 6 |
li{ background:url(../img/listmark.png); background-repeat:no-repeat; background-position:left 0.1em; padding-left:15px; } |
これでずれないと。メモしておきます。
こちらのページを参考にさせて頂きました。ありがとうございます。