Floating labels

The label moves up when you type

Sign in

Email

Password

Code

<div class="float"><input class="input" id="fl-a" name="fl-a" type="email" placeholder=" " autocomplete="email"><label for="fl-a">Email</label></div>
<div class="float">
  <input class="input" id="fl-b" name="fl-b" type="password" placeholder=" " autocomplete="current-password"><label for="fl-b">Password</label>
</div>