FANDOM


Lawful good

.parent {
    display: flex;
    justify-content: center;
}

Neutral good

.parent {
    display: table;
}
.parent {
    display: table-cell;
    vertical-align: middle;
}

Chaotic good

.parent {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

Lawful neutral

.element {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

True neutral

.element {
    line-height: 200px;
    height: 200px;
    display: inline-block;
    vertical-align: middle;
}

Chaotic neutral

.element {
    height: 200px;
    margin-top: calc(50% - 100px);
    margin-bottom: calc(50% - 100px);
}

Lawful evil

.parent {
    position: relative;
}
.element {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

True evil

.parent {
    position: relative;
}
.element {
    height: 200px;
    position: absolute;
    top: calc(50% - 100px);
}

Chaotic evil

.parent:before,
.parent:after {
    display: block;
}
.parent:before,
.parent:after {
    content: '';
    display: block;
    height: 100%;
    width: calc(50% - 100px);
}

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.