body {
    font-family: arial, sans-serif;
    max-width: 900px;
    margin: auto;
    padding: 0.5em;
}
h1 {
    text-align: center;
}
.laatikko {
    color: #fff;
    background-color: #42708f;
    padding: 10px;
    position: relative;
}
.erilainen {
    background-color: #90c97a;
    color: #000;
    padding: 8px;
    margin: 8px 0px;
}
.keskitetty {
    text-align: center;
}
.oikealla {
    text-align: right;
}
.ulompi {
    background-color: #42708f;
    height: 100px;
    position: relative;
    margin-bottom: 20px;
}
.pikkulaatikko {
    position: absolute;
    background-color: #90c97a;
    padding: 10px;
    margin: 0;
}
.oikea {right: 0;
    bottom: 0;}

.vasen {left: 0;
    bottom: 0;}

.ylä {right: 0;
    top: 0;}

.pikseli {width: 300px;}
.em {width: 30em;}
.prosentti {width: 50%;}