下パディングがdiv要素

Question

#Text { 
 
    font-size: 60px; 
 
    text-align: center; 
 
    margin: 0 auto; 
 
    background: white; 
 
    width: 750px; 
 
    height: 750px; 
 
    padding-bottom: 2cm; 
 
}

<div id="Text"> 
 
    I am groot! 
 
</div>

に動作していないこれは、あなたが高高度を持って

Right now

Answer 1

NOW-右のように見えるものです。高さを削除してパディングを実行するか、2cmではなく750px以上を与えることができます。

#Text { 
    font-size: 60px; 
    text-align: center; 
    margin: 0 auto; 
    background: white; 
    width: 750px; 
    height: 750px; 
    padding-bottom: 1200px; 
    background-color: red; 
} 

または

#Text { 
    font-size: 60px; 
    text-align: center; 
    margin: 0 auto; 
    background: white; 
    width: 750px; 
    padding-bottom: 200px; 
    background-color: red; 
} 

UPDATE：

あなたにそれも動作します。