Label text above input

by Tomanek1

HTML

<form name="message" method="post">
    <section>
        <label class="left">
            Name
            <input id="name" type="text" value="" name="name">
        </label>
        <label class="right">
            Email
            <input id="email" type="text" value="" name="email">
        </label>
    </section>
    
    <br />
    <br />
    <section>
        <label>
            Subject
            <input id="subject" type="text" value="" name="subject">
        </label>
        <label>
            Message
            <input id="message" type="text" value="" name="message">
        </label>
    </section>
</form>

CSS

form{
  width: 300px;
}
input{
  display: block;
}
.left{
  float: left;
}
.right{
  float: right;
}