HTMLを変更せずに2つの要素を同じ行に揃える方法
同じ行に2つの要素があり、左に浮いていて、右に浮いています。 <style type="text/css"> #element1 {float:left;} #element2 {float:right;} </style> <div id="element1"> element 1 markup </div> <div id="element2"> element 2 markup </div> element2をelement1の隣に並べ、2つの間に約10ピクセルのパディングを配置する必要があります。問題は、element2の幅がコンテンツやブラウザ（フォントサイズなど）によって変わる可能性があるため、必ずしもelement1と完全に一致するとは限らないことです（マージンを右に適用して移動することはできません）。 マークアップも変更できません。 それらを並べる統一された方法はありますか？パーセンテージでmargin-rightを試し、element1で負のマージンを試し、element2を近づけました（ただし、機能させることができませんでした）。