| <head> | |
| <style> | |
| div { display: inline-block; border:2px solid red; padding:10px; } | |
| </style> | |
| </head> | |
| <body> | |
| This is a baseline alignment test for inline blocks. The last lines of the two red-bordered | |
| inline blocks should line up and be on the baseline. | |
| <br> | |
| <div>This is block<br>number one. This line is the last one.</div> | |
| <div style="padding-bottom:40px">This is<br>number two. | |
| <div style="border:0px; display:block">This line is the last one.</div> | |
| </div> | |
| More text on the line.<br> | |
| The next line. | |
| </body> |