| <!DOCTYPE html> | |
| <style> | |
| section { | |
| width: 300px; | |
| height: 100px; | |
| border: blue 1px solid; | |
| } | |
| .cb { | |
| position: relative; | |
| } | |
| abs { | |
| position: absolute; | |
| background: purple; | |
| width: 100px; | |
| height: 50px; | |
| } | |
| abs.p0 { | |
| top: 0; left: 0; | |
| background: blue; | |
| } | |
| </style> | |
| <body> | |
| <section> | |
| 123 | |
| <span class="cb"> | |
| 456<br> | |
| 7 | |
| <abs></abs> | |
| <abs class="p0"></abs> | |
| </span> | |
| </section> | |
| <!-- Same --> | |
| <section> | |
| 123 | |
| <span class="cb"> | |
| 456<br> | |
| 7 | |
| <abs></abs> | |
| <abs class="p0"></abs> | |
| </span> | |
| </section> | |
| </body> |