Jump to content
  • 0

выравнивание по середине по вертикали


scale
 Share

Question

забыл как сделать( напомните, плз?

http://natatour.ru/test/Untitled-1.html

нужно чтобы текст располагался вертикально по середине зеленых блоков. vertical-align: middle не помогает :rolleyes:

css:

@charset "utf-8";
/* CSS Document */

.a

{
width: 33%;
height: 61px;
font-size: 200%;
color: #FFFFFF;
background-color: #009900;
font-weight: bold;
float: left;
position: absolute;
left: 8px;
}

.b

{
width: 100%;
height: 61px;
font-size: 200%;
color: #FFFFFF;
background-color: #00CC00;
font-weight: bold;
float: left;
vertical-align: middle;
}

.c

{
width: 33%;
height: 61px;
font-size: 200%;
color: #FFFFFF;
background-color: #00FF00;
font-weight: bold;
float: left;
position: absolute;
right: 8px;
}


.abc

{
text-align:center;
width: 100%;
height: 200px;
background-color: #006699;
vertical-align: middle;
}

html:

<div class="abc"><div class="a">A</div>
<div class="b">B</div><div class="c">C</div>
</div>

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0
Что такое такое "A" в
A
?

Это текст типа или что

Или меню ? или еще чтото ?

это текст.

вобщем, разобрался вроде. поиграл с размерами padding и height и подогнал как нужно. через #опу вобщем(

не пойму почему не работает vertical-align: middle (или может есть что-то подобное, чем можно еще отцентровать по-цивильному)...

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy