| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| body { | |
| font-family: Roboto; | |
| } | |
| div { | |
| display: block; | |
| } | |
| span { | |
| display: inline-block; | |
| font-size: 18px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| Aligned to bottom line of block on right. | |
| <span> | |
| This line has <span>inline-block</span> elements. | |
| <div>I am <span>now in</span> <span>a div.</span></div> | |
| This goes after <span>the div</span>. | |
| </span> | |
| </body> | |
| </html> |