| <!DOCTYPE html> | |
| <!-- | |
| | When a box is split in inline formatting context, the newly generated box | |
| | inherits the stacking context and the containing block from the older sibling. | |
| --> | |
| <html> | |
| <body style="margin:0px; font-family: Roboto; font-size: 20px;"> | |
| <div style="width: 80px; background-color:#DDD"> | |
| <div> | |
| <span style="position: relative;">oooo | |
| <span style="position: relative;">xxxx</span> | |
| </span> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |