| <!DOCTYPE html> |
| <style> |
| .container{width:170px;height:19px} |
| .input{border:none; padding: 0; width: 100%; margin: 0; background-color: blue;} |
| .count{padding:0 8px 0 4px;} |
| </style> |
| <script src="../../resources/check-layout.js"></script> |
| <div class="container"> |
| <table cellpadding="0"> |
| <tr> |
| <td> |
| <input type="text" class="input"> |
| </td> |
| <td class="count" data-expected-width=12></td> |
| </tr> |
| </table> |
| </div> |
| <p> crbug.com/497759: Cells with replaced content should get the right width. </p> |
| <div id="console"></div> |
| <script> |
| checkLayout('.count', document.getElementById('console')); |
| </script> |