商品の注釈なんかで ※1 注釈だよ ※2 注釈だよ ※3 注釈だよ とか ※注釈だよ ※注釈だよ ※注釈だよ みたいなリストを作りたいことがあるじゃないですか。 こういう場合のCSS指定を毎回忘れるのでメモしておきます。 米印つきの<ol> CSS ol.asterisk { counter-reset: number; list-style: none; } ol.asterisk li:before { counter-increment: number; content: "※"counter(number)" "; } 表示結果 注釈1 注釈2 注釈3 米印つきの<ul> CSS ul.asterisk li { list-style-type: none; text-indent: -1em; } ul.asterisk li:before { display: inline;
![CSSで米印つきの<ul>、<ol>リストを作る - 続・すみっこの記](https://cdn-ak-scissors.b.st-hatena.com/image/square/ffcc889a6bc32204c93a8acbb23946203140915c/height=288;version=1;width=512/http%3A%2F%2Fecx.images-amazon.com%2Fimages%2FI%2F61%2BxCfdK-sL.jpg)