/CSS/How to put the input box and the label on top of input

How to put the input box and the label on top of input

input, label {
    display:block;
}

Source: stackoverflow.com

How to put the input box and the label on top of input

<form name="message" method="post">
    <section>

  <div style="float:left;margin-right:20px;">
    <label for="name">Name</label>
    <input id="name" type="text" value="" name="name">
  </div>

  <div style="float:left;">
    <label for="email">Email</label>
    <input id="email" type="text" value="" name="email">
  </div>

  <br style="clear:both;" />

    </section>

    <section>

    <label for="subject">Subject</label>
    <input id="subject" type="text" value="" name="subject">
    <label for="message">Message</label>
    <input id="message" type="text" value="" name="message">

    </section>
</form>

Source: stackoverflow.com

Similar codes

1 vote360 views1 answer
How to verticaly align items in a HTML container
CSS
7 votes341 views3 answers
Input checked by default
CSS
47 votes339 views6 answers
Css nth child
CSS
0 vote344 views1 answer
Cheat codes for hmtl and css
CSS
0 vote389 views1 answer
Justify xd
CSS
18 votes384 views3 answers
Css center alignment
CSS
0 vote362 views1 answer
Hoe maak je alleen het opsommingsteken wit in css
CSS
-1 vote338 views1 answer
Css background linear gradient transparent
CSS
1 vote329 views1 answer
Ion-tab-bar transparent
CSS
6 votes284 views6 answers
How to properly install tailwind css in react
CSS