Lawful Good
display: flex;
align-items: center; |
Neutral Good
display: table-cell;
vertical-align: middle; |
Chaotic Good
|
|
Lawful Neutral
height: 135px;
position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; |
True Neutral
line-height: 190px;
span { display: inline-block; vertical-align: middle; line-height: normal; } |
Chaotic Neutral
line-height: 190px;
|
|
Lawful Evil
display: block;
padding-top: 70px; |
Neutral Evil <br/><br/><br/><br/> |
Chaotic Evil <img src="spacer.gif" width="1" height="60"> |
Non-evil solutions from https://stackoverflow.com/q/8865458/477480