Как вертикально центрировать ярлык в div?

У меня есть div с высотой 30px.

Я хочу добавить обычный текст к этому div. Как я могу сделать простой текст в центре моего div? то есть текст будет отображаться 15px под вершиной div.

Я попробовал ярлык с margin-top: 15; но это не сработало.

Ответ 1

height: 30px; line-height: 30px; padding: 0;

Ответ 2

После CSS будет работать

text-align:center;
vertical-align:middle; 
display:table-cell;

Ответ 3

Вы можете:

<div style="height:30px; line-height:30px; text-align:center;">
    Label
</div>

Установите line-height текста, чтобы вы могли подгонять высоту только для одной строки.

Ответ 4

Используйте padding-top вместо margin-top. Помните, что добавление верхнего слоя добавляется к высоте, поэтому вам нужно уменьшить количество, которое вы используете для заполнения с высоты. Если вы просто хотите, чтобы текст имел 15px сверху и снизу, просто выполните:

padding: 15px 0px;

Без указания высоты вообще.

Ответ 5

padding-top: 15px;

удалите 15px с высоты на div в.

вам следует взглянуть на дополнение http://www.w3schools.com/css/css_padding.asp

Ответ 6

Если вы хотите, чтобы что-то было в центре его родительского, просто укажите родительскую ширину с помощью стиля и дайте дочерний стиль = "margin: 0 auto". удачи

Ответ 7

Элемент <label></label> не является элементом уровня блока, это встроенный элемент.

Попробуйте этот код <div style="height:30px"> <label style="display:block; margin-top:15px;"> </label> </div>

Ответ 8

#MyDiv
{ 
    background-image: url(images/pagedescription_bar.png);
    background-repeat: repeat-x;
    border-color: #868686;
    border-width: thin;
    border-style: solid;
    border-style: none;
    width: 1008px;
    height:70px;
    color: #FB8022;
    font-size: 16px;
    font-weight: bold;
}

#MyDiv label
{
    width: 1008px;
    text-align: center;
    height: 70px;
    vertical-align: middle;
    display:table-cell;
}