Skip to main content
Back to Templates

Floating Label Input

inputs

CSS

HTML

<div class="input-wrapper">
  <input class="input" placeholder=" " />
  <label class="label">Label</label>
</div>

Live Preview

Edit the CSS on the left to see live changes. The styles are scoped to the preview area.