<div class="wrapper">
<div class="block static">
<p>Нормальний блок</p>
</div>
<div class="block absolute">
<p>Розташований ліворуч, за допомогою <strong>left</strong></p>
</div>
</div>
.wrapper {
max-width: 250px;
margin: auto;
background-color: #eee;
position: relative;
height: 300px;
}
.block {
width: 150px;
height: 100px;
text-align: center;
border: 2px solid #666;
}
.static {
position: static; /* default */
}
.absolute {
position: absolute;
left: -4em;
bottom: 0;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.