div 안에 세로로 텍스트를 가운데에 놓기

Question

나는 이것을 수행하는 방법에 관해 많은 사람들에게 알았지 만 그 중 누구도 나를 위해 일하지 않고있다. div (".banner"로 표시) 안에 내 이름을 집중하려고합니다.

//html/////////////////////////////////// 
<div class="banner"> 
    <p>Jake Demian_</p> 
</div> 


//css//////////////////////////////////// 
.banner 
{ 
    width: 100%; 
    height: 400px; 
    background-color: #e8bc23; 
    text-align: center; 
} 

.banner p 
{ 
    display: inline-block; 
    font-family: "courier new"; 
    margin: 0 0; 
    height: 100%; 
    vertical-align: middle; 
} 

jsfiddle 링크 : linkage

죄송 최소한의 정보는 다음

는 코드입니다. 내가 생각할 수있는 inline-block, vertical-align: middle, height 100%, margin: auto의 모든 조합을 시도했습니다. 추가

Answer 1

시도 :

top:45%; 
position:relative; 

.banner p합니다.

또한 추가 시도 할 수 :

display: table; 

.banner p-.banner에와

display: table-cell; 

합니다.

JSFiddle : http://jsfiddle.net/BTjr7/2/