JSFiddle - React, Tailwind, and code Playground

by Mohan Yadav

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<div class="container">
    <form role="form">
        <fieldset>
            <legend>Login Form</legend>
              <div class="form-group">
                <label for="email">Email address</label>
                <input type="email" class="form-control" id="email">
              </div>
              <div class="form-group">
                <label for="pwd">Password</label>
                <input type="password" class="form-control" id="pwd">
              </div>
              <div class="checkbox">
                <label><input type="checkbox"> Remember me</label>
              </div>
              <button type="submit" class="btn btn-default">Submit</button>
        </fieldset>
    </form>    
</div>

CSS

.form-group > label{
    font-size:0.85em;
    position: relative;
    top: 14px;
    left: 14px;
    background-color: #fff; 
    padding:0,2px,0,2px;
}