مشکل در پراپرتی vertical-align

[ABZiko]

سلام، این کد های HTML من هستند :


<header>

<div class="text">Pasys.ir</div>
<div>Web & Graphic Design</div>

</header>


این هم استایلشون :


header{
width:100%;
height:100%;
background-image:url(First.png);
background-position:center center;
background-attachment:fixed;
border-bottom:20px solid #CCC;
z-index:1}

.text,.text + div{
width:400px;
height:400px;
background-color:#3498DB;
text-shadow:0px 8px 0px #333;
border-radius:200px;
font:85px 'MinstrelPosterWHG';
line-height:400px;
text-align:center;
color:#FFF}

.text + div{
width:595px;
height:98px;
background-color:#F39C12;
border-radius:0px;
font:50px 'MinstrelPosterWHG';
line-height:80px}



من به دو تا div داخل vertical-align می دم ولی نمی آن وسط و چون از bootstrap استفاده می کنم مشکل در وسط چین شدن عمودیش دارم. می شه راهنمایی کنید؟

[دانیال دزفولی]

دقیقا نمیدونم چی شده ولی از !important استفاده کن شاید کمکت کنه

[ABZiko]

نه متاسفانه کار نمی کنه :


vertical-align:middle !important;

[_mojitaba_]

.text, .text + div{
display:inline;}