<!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> |