Проблема выравнивания CSS с изображением и текстом

Question

У меня проблемы с выравниванием значка по тексту, пробовал все возможные комбинации, все еще выровнен по верху

http://jsfiddle.net/gkC32/1/

Любая помощь будет здорово?

Answer 1

Вы пытались установить свойство vertical-align для элемента img?

.bluebutton img {
    vertical-align: middle;
}

В качестве альтернативы, поскольку вы используете изображение исключительно в качестве украшения, вы можете использовать background-image для установки значка вместо:

.bluebutton {
    background: #336699 url('http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0460/group_add.png') no-repeat 10px center;
    padding: 3px 10px 4px 28px;
}

См .: http://jsfiddle.net/gkC32/8/

Answer 2

Это изображение, которое выбрасывает это, я думаю.Добавление что-то вроде:

.bluebutton img {
    vertical-align:middle;
}

Должен сделать свое делоЕсли бы вы также организовали это по-другому, вы могли бы немного улучшить выравнивание.например, http://jsfiddle.net/gkC32/32/