| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| div { | |
| vertical-align: top; | |
| line-height: 20px; | |
| height: 20px; | |
| font-size: 14px; | |
| } | |
| button { | |
| height: 30px; | |
| } | |
| </style> | |
| </script> | |
| </head> | |
| <body> | |
| <p>Bug: webkit.org/b/111974 - vertical-align only applies to inline-level elements and table-cells. The text below should be aligned horiontally. | |
| <div> | |
| <button>All </button> This <span>text</span> is <a href="#">aligned</a>. | |
| </div> | |
| </body> | |
| </html> | |