ランダムなhtml要素の左側にアイコンを付ける一般的なソリューションを導入しようとしています。このアイテムには特定の幅があり、他の要素の絶対隣に配置されます。アイコンが要素の横にある要素と重ならないようにするために、その要素の余白をアイコンの幅だけ増やすことにしました。これは魅力のように機能します - 浮動要素がある場合を除いて。マージンは、フロートの要素の存在を無視します。
ラッパーdivなどを追加せずにこれに対する解決策はありますか? このアプローチは、可能な限り一般的なものにする必要があります。
JavaScriptを使用したものがあれば、それで問題ありません。たとえば、floated のような css 属性のチェックは問題ありませんが、そもそも解決策がわかりません。
たとえば、この問題があります：