Как выровнять текст по центру?

Question

[Ilya Bobkov]

Привет! Есть кнопка в которой расположена иконка и текст:

<button id = "search_button" title = "приступить к поиску"><img src="img/search.png">найти</button>

Текст по умолчанию расположен внизу рядом с иконкой. Как расположить этот текст по середине?

Answer 1

[Eugene Tatarinov]

Я бы сделал вот так:

button#search_button {
            background: url('img/search.png') no-repeat center left;
            height: 36px;
            width: 90px;
            text-align: end;
}

Например вот.

Answer 2

[Сергей Горячев]

button img, button span { display: inline-block; }
<button id = "search_button" title = "приступить к поиску"><img src="img/search.png"><span>найти</span></button>

А выравнивание vertical-align: middle; должно хватить. Или с высотой строк поиграть.

Comments

[Ilya Bobkov]

не катит

[Сергей Горячев]

PsychoCoder: код показывайте, смотреть нужно все. У меня например работает. Или смотрите ответ Eugene Tatarinov даже правильней подход.

Answer 3

[Stanislav Gorovoy]

Обернуть его для начала