Text placed in center | Absolute

With position:absolute; enabled, lines of text are placed in the middle of <body>

by Ken Watanabe

HTML

<body>
    <div class='secondary'>
        <div> 
            <span>Project<br/>Title</span>
        </div>
    </div>
</body>

CSS

body {
    width:100%;
    height:100%;
}

.secondary {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.secondary div {
    display: table;
    width: 100%;
    height: 100%;
}

.secondary span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-family: 'Larish SB';
    font-size: 100px;
    color: black;
}












/* Larish SB */	
	@font-face { font-family: 'Larish SB'; src:...