Question

http://jsfiddle.net/PZ5AZ/

Please advise me what to do to make text Send Vertical align middle .also please advise that these problems not came in future what can i do ?

Answer 1

if you like to center the text inside the div vertically and perhaps horizontally you can try this

#container{
position:relative; 
width:200px; 
height:300px; 
border:1px solid #CCCCCC;
}   
#txt{
position:absolute; 
width:150px; 
height:50px; 
top:50%; left:50%; 
margin-top:-25px; /* 1/2 of height */
margin-left:-75px;/* 1/2 of width */
border:1px solid #FF0000; 
}

<div id="container">
    <div id="txt">My Text</div>
</div>