JSFiddle - React, Tailwind, and code Playground

by josangel555

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<form>
    <div class="form-group col-sm-4">
        <label for="name" class="control-label">Title</label>
        <input type="email" value='' class="form-control" id="name" placeholder="Title" />
    </div>
    <div class="form-group col-sm-4">
        <label for="name" class="control-label">Title</label>
        <input type="email" value='' class="form-control form-custom" id="name" placeholder="Ime" /> days
    </div>
    <div class="form-group col-sm-4">
        <label for="name2" class="control-label">-</label>
        <input type="email" value='' class="form-control form-custom" id="name2" placeholder="Ime" /> /day
    </div>
</form>

CSS

.form-custom {
    width: 70px;
    display: inline-block;
    float: left;
}

label{display: block;}
p{display: inline-block;}

.control-label-a {
    height: 30px;
}