OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 .button { |
| 4 box-sizing: content-box; |
| 5 width: 20em; |
| 6 height: 2em; |
| 7 border: none; |
| 8 padding: 0; |
| 9 font: 16px/2em sans-serif; |
| 10 overflow: hidden; |
| 11 vertical-align: top; |
| 12 text-align: left; |
| 13 text-overflow: ellipsis; |
| 14 white-space: nowrap; |
| 15 background: gray; |
| 16 } |
| 17 </style> |
| 18 <p>There should be two gray boxes with overflowing text, truncated with "...".</
p> |
| 19 <input type="button" class="button" value="Houses can be built from different ki
nds of materials. The most common types are brick, wood, and vinyl or synthetic
siding. Houses have lawns that need to be tended."> |
| 20 <br><br> |
| 21 <button class="button">Houses can be built from different kinds of materials. Th
e most common types are brick, wood, and vinyl or synthetic siding. Houses have
lawns that need to be tended.</button> |
OLD | NEW |