Как выровнять мой тег по вертикали в моем случае

Question

Как выровнять мой тег по вертикали в моем случае

0

Я пытаюсь сделать выравнивание по вертикали в моем случае.

У меня есть.

<section id='container'>
    <div id='title'> 
         <h1>Title here.</h1>
     </div>
</section>

У меня есть css, как

#title{
display: inline-block;
width: 235px;
height: 94px;
position: relative;
text-align: center;
}

#left-lesson-title h1{
color:white;
line-height: 94px;
vertical-align: middle;
text-align: left;
font:normal 1.3em arial;
margin-left:15px
}

Кажется, я не могу получить h1 тексты, вертикально выровненные по середине. В моем случае h1 выравнивается с вершиной. Может ли кто-нибудь мне помочь? Благодарю.

FlyingCat 13 дек. 2013, в 22:26

Источник

Теги:

html

css

1 ответ

Ещё вопросы

Howard Renollet · Accepted Answer · 2013-12-13T18-52-00.000Z

#title{
    border:1px solid black;
    display: table-cell;
    width: 235px;
    height: 94px;
    vertical-align:middle;
    text-align: center;
}

http://jsfiddle.net/WC6t8/

Вам нужно настроить отображение на таблицу, а затем установить вертикальное выравнивание как среднее.

Это должно быть в родительском контейнере тега h1.

но мне нужно иметь дисплей в виде встроенного блока для удовлетворения моих потребностей.
Попробуйте это, чтобы увидеть, сработает ли это для того, что вам нужно (решение inline-block), предполагая, что вы уже знаете размер контейнера (я добавил границы как визуальный элемент ): jsfiddle.net/WC6t8/1