<!DOCTYPE html>
<style>
input,button{
    display: table-cell;
    height:24px;
}
input{
    border-width:1px 0 1px 1px;
    padding: 0 5px;
    width:196px;
}
button{
    width:27px;
}
.container{
    width:236px;
}
.inner{
    display: table;
}
</style>
<div class="container">
    <div class="inner" data-expected-height=31>
        <input type="text">
        <button></button>
    </div>
</div>
<p>crbug.com/515771: Form elements with a table cell display should not allow whitespace between them. </p>