Как в HTML/CSS выровнять по середине одну строку, состоящую из картинки и текста?

Question

[vladislavstarkov]

Картинка не IMG, DIV с «background: url(images/supermega.png) no-repeat -990px -860px;»

Получается так: [DIV] текст текст и еще текст

Эту строку надо выровнять посередине родительского элемента и при условии, что ширина строки может меняться динамически (текст на разных языках, в зависимости от выбора пользователя).

Ideas?

Answer 1

[uadeveloper]

Я конечно только познаю все прелести дивной верстки, но мой вариант:

У родительского элемента поставить text-align: center
У самого дива с background-ом поставить display: inline-block;

Comments

[Максим Анархистов]

+ vertical-align:middle

[uadeveloper]

Максим Анархистов, прошло всего более 3х лет. Ты думаешь проблема актуальна?

[Максим Анархистов]

uadeveloper, Ну я же сюда пришел, и информация мне помогла. Почему ты думаешь, что этот вопрос не может помочь кому-то еще?

Answer 2

[vladislavstarkov]

Спасибо, это помогло.

Comments

[dom1n1k]

Предложенное выше решение логичное, в целом я его поддерживаю.
Но на всякий пожарный имейте в виду, что оно не будет работать в FF2 и IE6/7 (хотя для IE вопрос решаемый).
Конкретно дело в поддержке значение inline-block (табличка тут: htmlbook.ru/css/display)

[vladislavstarkov]

FF2 и IE6 я принципиально говорю «Прощайте!»

Answer 3

[SkazochNik]

margin: 0 auto;

Comments

[uadeveloper]

И работать при данном условии не будет :)

[SkazochNik]

Ну ладно.