css - 段落の隣に要素を右上に配置するにはどうすればよいですか?

Question

私のセットアップが次のようになっているとしましょう：

<div style="width:200px;">
    <label for="derp">This is an arbitrary paragraph of text that happens to be a label for a form element, in my case.</label>
    <input type="checkbox" name="derp">
</div>

チェックボックスに適用するfloat: right;と右に配置されますが、テキスト ラベルを介してコンテナーの右上に押し上げる必要があります。

私は単純な概念の理解を失っているようです...

Answer 1

要素をフロートすると、その前ではなく、その後にあるコンテンツの横にフロートします。したがって、ラベルと入力の順序を切り替えると、機能するはずです。