css - h2 と a 要素を水平方向に整列

Question

次のような div に要素がありますh2。a

<div>
    <h2>Header...</h2>
    <a href="#">the link</a>
</div>

display inline-block を使用せずに、アンカー要素を h2 要素のすぐ隣に水平に配置したい。また、float:lefth2 要素とfloat:righta 要素で使用すると、それらが離れすぎてしまいます (互いに隣接させたい)。

助けてください

ありがとうございました

Answer 1

h2 {
float: left;
}

a {
float: left;
}

それらの間をニーズに合わせて調整し、これら2つの要素の後marginに clear プロパティを使用することを忘れないでください

Answer 2

ヘッダー内にアンカーを配置しますか? フロートを使う？何か試しましたか？

両方を左にフロートさせ、H2 に右マージンを置きます。必要なだけ余白を追加します。