anonymous-button-content-box.html (1012B)
1 <!doctype html> 2 <title>Anonymous button content box</title> 3 <link rel=match href=anonymous-button-content-box-ref.html> 4 <style> 5 body { margin: 0 } 6 button, input { width: 124px; height: 124px; background: papayawhip; border: 2px solid; margin: 0; padding: 0; float: left; font: inherit } 7 body > div { clear: left; } 8 button > div { width: 50px; height: 50px; border: solid } 9 .grid { display: grid } 10 .flex { display: flex } 11 .tall { height: 150px } 12 .wide { width: 150px } 13 </style> 14 <div> 15 <input type=button value=input> 16 <input type=button value="input grid" class=grid> 17 <input type=button value="input flex" class=flex> 18 <button>button</button> 19 </div> 20 <div> 21 <button style="text-align: left">button left</button> 22 <button><div>div</div></button> 23 <button class=grid>grid</button> 24 <button class=grid><div>grid</div></button> 25 </div> 26 <div> 27 <button class=flex>flex</button> 28 <button class=flex><div>flex</div></button> 29 <button><div class=tall>tall</div></button> 30 <button><div class=wide>wide</div></button> 31 </div>