定位Div內的文字

我無法弄清楚如何讓「這是標題」div的文字向下移動而不影響頁面的其餘部分。當我將padding-top添加到標題div時，它會增加整個div的大小。這不是我想要的。我只是想將文本移動到div的中間。定位Div內的文字

<body> 


<div id="container"> 

    <div id="name"> 
    <h1>Byron Woodfork</h1> 
    </div>   

    <div id="nav"> 
    <ul> 
    <li><a href="#">Home</a></li> 
    <li><a href="#">About</a></li> 
    <li><a href="#">Projects</a></li> 
    <li><a href="#">Contacts</a></li> 
    </ul> 
    </div><!--ends nav div--> 


    <div id="header"> 
    <p>This is the header</p> 

    </div><!--ends header div--> 

#nav { 
    float: right; 
    width: 400px; 
    height: 60px; 
    background-color: #07f50b; 

} 

#name { 
    width: 560px; 
    height: 60px; 
    float: left; 
    background-color: #06f706; 

} 

#header { 
    width: auto; 
    height: 500px; 
    background-color: #282e34; 

}

來源

2014-01-14 user3195418

以及你想放置在哪裏？ – Era

一個簡單的方法是設置你的頭div的行高有相同的高度DIV本身（這樣的line-height：500px的）。儘管如此，如果你的文本佔用不止一行，這並不會很好。

來源

2014-01-14 19:51:43

定位Div內的文字

回答

相關問題