JSFiddle - React, Tailwind, and code Playground

by harianus

HTML

<div class="frameT">
    <div class="frameTC">
        <div class="content">#1 Deze tekst geloof ik wel</div>
    </div>
</div>

<div class="frameT nummer2">
    <div class="frameTC">
        <div class="content">#2 Deze tekst geloof ik ook wel</div>
    </div>
</div>

CSS

body {
    margin: 0;
    padding: 0;
    background-color: #bbc3cb;
    width: 100%;
    height: 100%;
    font: 14px Tahoma, Verdana, Arial, san-serif;
}
div.frameT {
    width: 100%;
    padding: 0;
    display: table;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}
div.frameTC {
    padding: 0;
    vertical-align: middle;
    display: table-cell;
    margin: 0;
}
div.content {
    width: 600px;
    background-color: #fff;
    margin: 0 auto;
    padding: 10px;
}

div.nummer2 {
    margin-top: 100%;
    background-color: red;
}