div {
background: #e0e0e0;
border: 1px solid black;
width: 300px;
height: 200px;
position: relative;
}
#s1 {
background: black;
color: white;
padding: 10px;
display: block;
position: absolute;
left: -20px;
top: -13px;
}
#s2 {
background: black;
color: white;
padding: 10px;
display: block;
position: absolute;
left: 280px;
bottom: -60px;
}
...
<div>
<span id="s1">Pierwszy</span>
<span id="s2">Drugi</span>
</div>
Listing 19.9. Elementy pozycjonowane kontekstowo mogą wystawać poza obszar rodzica
Rozdział 19. Zaawansowane metody pozycjonowania elementów blokowych