JSFiddle - React, Tailwind, and code Playground

by J R

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div class="container block ">

<div class="col-md-6 col-md-offset-3 col-sm-7 col-sm-offset-2 col-xs-11 col-xs-offset-0">    
    <form class="form-horizontal">
        <div class="row block bg-info form-group">
        <label for="inputEmail3" class="label1 col-sm-2 col-xs-2 control-label">Email1</label>
            <div class="col-md-8 col-sm-9 col-xs-9 col-xs-push-1"> <!-- higher element -->
            <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
            <br>Random stuff
            <br>Random stuff 
            <br>Random stuff  
            </div>
        </div>
        <div class="row block bg-info form-group">
        <label for="inputEmail3" class="label2 col-sm-2 col-xs-2 control-label">Email2</label>
            <div class="col-md-8 col-sm-9 col-xs-9 col-xs-push-1"> 
            <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
            </div>
            </div>
    </form> 
</div>
</div>

CSS

.label1{padding-top:35px !important}

.Block {
    border:orange solid 2px;
    padding: 1% 1% 1% 1%;
    -webkit-border-radius: 5px 5px 5px 5px ;
    -moz-border-radius: 5px 5px 5px 5px ;
    border-radius: 5px 5px 5px 5px ;
    overflow: visible;
}