aboslute postion

by redky

HTML

<div class="w">
    <div class="i">A</div>
</div>
<div class="w">
    <div class="i2">A</div>
</div>
<div class="w">
    <div class="i3">A</div>
</div>
<div class="w">
    <div class="i4">A</div>
</div>

CSS

.w {
    color: #000;
    background: #ffa;
    width: 100px;
    height: 100px;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    margin: 10px;
    border: 5px solid #faa;
}
.i, .i2, .i3, .i4 {
    position: absolute
}
.i2 {
    left: 0;
}
.i3 {
    top: 0;
}
.i4 {
    left: 0;
    top: 0;
}