| <!DOCTYPE html> <!-- webkit-test-runner [ LayoutFormattingContextEnabled=true LayoutFormattingContextIntegrationEnabled=false ] --> | |
| <style> | |
| .container { | |
| background-color: green; | |
| color: green; | |
| font-family: Ahem; | |
| } | |
| </style> | |
| <div class=container> | |
| <img src="" style="width: 2px; height: 100px; vertical-align: bottom"> | |
| <span style="vertical-align: top; font-size: 40px;"> | |
| XXX | |
| <span style="vertical-align: text-bottom; font-size: 20px;">XXX</span> | |
| </span> | |
| </div> |