|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 <head> |
|
4 <style type="text/css"> |
|
5 input, button { width: 8em; min-width: 16em; } |
|
6 .left { text-align: left; } |
|
7 .right { text-align: right; } |
|
8 .center { text-align: center; } |
|
9 </style> |
|
10 </head> |
|
11 <body> |
|
12 <div> |
|
13 <input type="button" value="input" class="left"> |
|
14 </div> |
|
15 <div> |
|
16 <button class="left">button</button> |
|
17 </div> |
|
18 <div> |
|
19 <input type="button" value="input" class="right"> |
|
20 </div> |
|
21 <div> |
|
22 <button class="right">button</button> |
|
23 </div> |
|
24 <div> |
|
25 <input type="button" value="input" class="center"> |
|
26 </div> |
|
27 <div> |
|
28 <button class="center">button</button> |
|
29 </div> |
|
30 </body> |
|
31 </html> |