フッターバーでテキストを配置できません

Question

ページの下部にあるフッタバーがテキストを配置しません。

これは私のhtmlです：

<div class="row"> 
    <div id="footer"> 
    <h3>Contact</h3> 
    <h3>Computerbasen</h3> 
    <h3>Info</h3> 
    </div> 
    </div> 

そして、これは私のCSSです：

#footer { 
    background-color: #FF7633; 
    width: 100%; 
    height: 50px; 
    border-radius: 5px; 
    padding-top: 10px; 
    text-align:center; 
    position: fixed; 
    bottom: 0; 
    } 

Click here and see the image of the footer bar

Answer 1

あなたは水平方向の配置を意味している場合、このルールを使用します。

#footer h3 { 
text-align:center; 
} 

（h3要素は、デフォルトでは100％の幅と左アライメントを持っている）

Answer 2

高さが小さすぎるため、テキストのほとんどが表示されない

#footer { 
    height: 150px; 
} 

を試してみてください。

Answer 3

あなたは、HTMLのフッタータグが存在しているはず、これを試してみてください。

<footer> 
<h3>Contact</h3> 
<h3>Computerbasen</h3> 
<h3>Info</h3> 
</footer> 

footer { 
    background-color: #FF7633; 
    width: 100%; 
    height: 50%; 
    border-radius: 5px; 
    padding-top: 10px; 
    text-align:center; 
    bottom: 0; 
}