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

Я не могу понять, почему этот текст не будет совпадать с серединой изображения. Проверьте скриншоты ниже, один подсвечивается, один: неВыравнивание изображения с текстом CSS

highlight

Я хочу, чтобы слово Австралия выстраиваться в середине изображения (выровнены со стрелкой). Как видно из подчеркивания, проблема не в высоте изображения.

Я пробовал вертикально-выровнять: средний, который помогает, но, как вы можете видеть, это не идеально!

Предложения оценены!

источник

2012-02-15 Adam Waite

Поместите текст в div и примените прокладку сверху, чтобы получить нужную позицию. – Cristy

Установка высоты строки для текста div на ту же высоту, что и изображение, может иногда быть полезным с этим. Было бы легче сказать, что происходит, если вы публикуете какой-то код, хотя ... – ellawren

Я бы пошел с линией, а не пополнением, если возможно, а также – danwellman

Если это ссылка, используйте фон CSS. Я угадываю значения ниже, но вы можете легко настроить их для своей ситуации.

A.aus { 
    background-image:url(../images/aus.png); 
    background-position:0px 1px; 
    display:block; 
    height:40px; 
    padding-left:60px; 
    margin-top:3px; 
    font-size: ....etc.... 
}

источник

2012-02-15 17:49:34

Ты герой, верхняя работа –

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

ответ

Смежные вопросы