<div class="outer">
<input type="text" class="test-input">
</div>
<div class="outer">
<div class="test-input"></div>
</div>
<div class="outer">
<button class="test-input">7YYY</button>
</div>
.outer{
border: 1px solid red;
}
.test-input{
display: inline-block;
height: 100px;
width:100px;
border:1px solid green;
}
button {
//vertical-align:bottom;
}