Top 1% vs Bottom 99% :)

by Anton

HTML

<div id="container">
    <div class="rich">The Rich</div>
    <div class="poor">The Poor</div>
</div>

CSS

#container {
    position: relative;
    width: 300px;
    height: 400px;
    margin: 50px 0 0 50px;
    background-color: lightblue;
    overflow: visible;
}

.rich, .poor {
    position: absolute;
    background-color: yellow;
    border: solid 2px blue;
    height: 40px;
    width: 120px;
    text-align: center;
}

.rich {
    top: 1%;
    left: 30px;
}

.poor {
    bottom: 99%;
    left: 120px;
}