html - 改行としてクリア

Question

clear改行のように使用する方法はありますか?

<form action="test.html">
    <label for="name">What is your name?</label>
    <input type="text" id="name" name="name">
</form>

input {
    clear: left;
}

それとも、フロートでのみ使用されますか?
そうでない場合、上記の例で入力前に行を分割する最良の方法は何ですか? ( p、input {display: block;}または他の何か?)

Answer 1

W3C XHTML 標準によると、およびタグを の中に直接配置することは想定されていません。したがって、次のようにして、それらを 内に移動できます。<label><input /><form><div>

<form action="test.html">
    <div><label for="name">What is your name?</label></div>
    <div><input type="text" id="name" name="name"></div>
</form>

または、より意味的には、

<form action="test.html">
  <ul>
    <li><label for="name">What is your name?</label></li>
    <li><input type="text" id="name" name="name"></li>
  </ul>
</form>

と スタイル<ul>を設定し<li>ます。または、マークアップを変更したくない場合は、スタイルにlabelorinputをブロックにすることができます。

label, input {display: block;}

Answer 2

に設定labelしdisplay: blockます。マークアップの変更はなく、CSS のみです。