 Chromium Code Reviews
 Chromium Code Reviews Issue 278603002:
  Centering text inside a button set to display flex with justify-content: center is impossible  (Closed) 
  Base URL: https://chromium.googlesource.com/chromium/blink.git@master
    
  
    Issue 278603002:
  Centering text inside a button set to display flex with justify-content: center is impossible  (Closed) 
  Base URL: https://chromium.googlesource.com/chromium/blink.git@master| 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 |