4 button { border-color: yellow; outline:
2px dashed; padding:
10px; width:
100px; height:
50px; -webkit-appearance: none; }
5 div.block { outline:
2px dotted blue; border:
2px solid purple; width:
70px; height:
200px; background: teal; }
6 div.float { float: right; height:
100px; width:
20px; background: darkgreen; }
11 Tests that buttons clip their contents.
14 Each button below should have a yellow border and a black dashed outline.
15 Contents should overflow the yellow border.
20 <div class=
"float"></div>
21 short words only please
25 <button style=
"display: block;">
27 <div class=
"float"></div>
28 short words only please
32 <button style=
"position: absolute;">
34 <div class=
"float"></div>
35 short words only please