Положение строчных элементов

[Veit]

Скажите, как мне вертикально по центру выровнять строчный элемент (span), находящийся в div блоке?

[mrnobody]

Если одна строка, то задать свойство для span line-height: Ypx, где Y=высота родительского блочного элемента. То есть, если высота дива 40px, то для спана задаем line-height: 40px;

Edited August 16, 2012 by mrnobody

[Catherine]

Либо, если будет несколько строк, можно воспользоваться значениями table и table-cell свойства display. Пример.

Edited August 16, 2012 by Catherine

[Veit]

А если в 20px блоке сделать margin-top: 2px у span 16px? Это будет правильно?

Edited August 17, 2012 by Veit

[USF]

это неправильно с точки зрения предназначение margin.

лучше следовать советам вышеописанным.

[Veit]

Мое упущение, у каждого span будет свой стиль.

.post-metadata {

height: 20px;

margin-top: 10px;

background-color: #FAFAFA;

border: 1px solid #CFCFCF;

font-family: Arial, Helvetica, sans-serif;

}

span.date {

background-image: url(images/date.png);

background-repeat: no-repeat;

float: left; Это не обязательно, как я поня.

padding-left: 20px;

margin-left: 2px;

}

span.author {

background-image: url(images/author.png);

background-repeat: no-repeat;

padding-left: 20px;

margin-left: 10px;

}

Edited August 17, 2012 by Veit

[mrnobody]

Скорее всего нет, но лучше увидеть страницу целиком.

[Veit]

Скорее всего нет, но лучше увидеть страницу целиком.

Я уже разобрался, спасибо. Но вот теперь возникла другая проблема, если я задаю height классу date, то изменений не происходит, с чем это может быть связанно?

[mrnobody]

Если вы удалили свойство float: left; значит элемент спан стал строчным по умолчанию? а высота не применяется к строчным элементам. Но лучше увидеть страницу.

Edited August 17, 2012 by mrnobody