私はウェブページを作りました。スパンとh3タグで囲まれた多くの単語があります。現在、CSSクラスを使用して、同じ行のテキストの最後にいくつかの記号を配置しようとしています。background-imageプロパティを使用して、以下のようなクラスでこれを行うことができます。
.newtohtml5{
width:fit-content;
background-image:url(http://www.w3.org/html/logo/downloads/HTML5_Logo_512.png);
background-repeat:no-repeat;
background-size:2%;
background-position-x:right;
}
ただし、このクラスの問題は、HTML5シンボルが行の最後に表示され、テキストとシンボル自体の間に大きなスペースが残ることです。そのシンボルは、テキストとシンボルの間に大きなスペースがある行の終わりではなく、同じ行のスパン内のテキストの直後に表示されるようにします。
HTMLに変更を加えたくありません。どんな解決策もありがたいですが。しかし、CSSだけのトリックは素晴らしいでしょう。