html - CSS3 テキストが Div ブロックを下に押す - 行の包含が必要

Question

http://codepen.io/anon/pen/EJluF

テキストがブロックの位置をずらしているようです。どうすればこれを止めることができますか? たとえば、「サーバーのバックアップ」は非常に悪いです。各行を独自のブロックに配置しようとしましたが、封じ込めが機能していません/効果的ではありません。「サーバーバックアップ」がその下のクロックdivを押し下げているクロムデバッグでは表示されません...なぜそれがそうしているのかは奇妙です。

以下は、役立つかもしれない CSS3 テキスト部分です。

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


#row1 {
    display: block;
    width: 1600px;
    height: 230px;
}

#row2 {
    display: block;
    width: 1600px;
    height: 230px;
}

#row3 {
    display: block;
    width: 1600px;
    height: 230px;
}

.zentext {
    font-family: yo2;
    text-shadow: 1px 8px 1px #000;
    font-weight: 900;
    font-size: 200%;
    margin-top: 40px;
    margin-left: 200px;
    color: cyan;
}

Answer 1

追加

.zentext {
position: absolute;
}