OLD | NEW |
---|---|
(Empty) | |
1 <!doctype html> | |
ojan
2014/05/23 19:52:39
Nit: We usually use <!DOCTYPE html>.
harpreet.sk
2014/05/24 11:17:22
Done.
| |
2 <html> | |
3 <head> | |
ojan
2014/05/23 19:52:39
Nit: we usually leave out the html, head and body
harpreet.sk
2014/05/24 11:17:22
Done.
| |
4 <style> | |
5 button { | |
6 border: 0; | |
7 padding: 0; | |
8 background-color: white; | |
9 font-family: sans-serif; | |
10 font-size: initial; | |
11 width: 300px; | |
12 } | |
13 | |
14 .flex { | |
15 display: flex; | |
16 } | |
17 | |
18 .flex-center { | |
19 justify-content: center; | |
20 } | |
21 </style> | |
22 </head> | |
23 <body> | |
24 <h4>Test for BUG=344733: Centering text inside a button set to display flex and justify-content: center is impossible</h4> | |
ojan
2014/05/23 19:52:39
Nit: If you're going to include a bug, use a URL c
harpreet.sk
2014/05/24 11:17:22
Done.
| |
25 <button class="flex flex-center">text with justify-content: center</button> | |
ojan
2014/05/23 19:52:39
Nit: I'd drop the classnames entirely. You can mer
harpreet.sk
2014/05/24 11:17:22
Done.
| |
26 </body> | |
27 </html> | |
OLD | NEW |