abs centering

by fezec

HTML

<div class="Center-Container">a
    <div class="Absolute-Center is-Responsive">a</div>
</div>

CSS

.Absolute-Center {
    margin: auto;
    position: absolute;
    width: 50%;
    height: 50%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background:red;
}
.Absolute-Center.is-Responsive {
  padding: 40px;
  background:red;
}
.Center-Container {
    position:relative;
    background:green;
    height:100%;
}
html, body, :root {
    height:100%;
}