| <!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> |