|
1 <!DOCTYPE html> |
|
2 <!-- |
|
3 Any copyright is dedicated to the Public Domain. |
|
4 http://creativecommons.org/publicdomain/zero/1.0/ |
|
5 --> |
|
6 <html> |
|
7 <head> |
|
8 <style> |
|
9 div.flexbox { |
|
10 border: 2px dotted lightgray; |
|
11 width: 400px; |
|
12 height: 40px; |
|
13 margin-bottom: 10px; |
|
14 } |
|
15 div.flexbox > * { |
|
16 width: -moz-available; |
|
17 outline: 1px dashed black; |
|
18 margin: 0; |
|
19 vertical-align: top; |
|
20 display: block; |
|
21 } |
|
22 </style> |
|
23 </head> |
|
24 <body> |
|
25 <div class="flexbox"><input type="button"></div> |
|
26 <div class="flexbox"><input type="checkbox"></div> |
|
27 <div class="flexbox"><input type="file"></div> |
|
28 <div class="flexbox"><input type="image"></div> |
|
29 <div class="flexbox"><input type="password"></div> |
|
30 <div class="flexbox"><input type="radio"></div> |
|
31 <div class="flexbox"><input type="reset"></div> |
|
32 <div class="flexbox"><input type="submit"></div> |
|
33 <div class="flexbox"><input type="text"></div> |
|
34 </body> |
|
35 </html> |