CSS3 疑似 :after を li 要素で使用しようとしています。問題は、:after のコンテンツが li コンテンツの直後に続くことです。まるで :after が text-align:left; を使用しているかのようです。しかし、私の li 要素は display:block; を使用しているためです。text-align:right; を使用しないでください。on :after :after コンテンツを一番右に移動しますか? とにかくそうではありません。
.container ul li {
display: block;
border-bottom: 1px solid rgb(60,60,60);
border-top: 1px solid rgb(255,255,255);
padding: 5px 5px 5px 30px;
font-size: 12px;
}
.container ul li:after {
content: ">";
text-align: right;
}
これは問題のスクリーン ショットです。
> を一番右にしたいのですが、li の内容が変わるので、:after の内容に幅を設定できません。
text-align を使用しない場合、:after コンテンツを右揃えにするにはどうすればよいですか?