Выровнять текст возле картинки

[StOK]

Подскажите, пожалуйста, что прописать в коде, чтобы текст выровнялся по центру. Он располагается возле картинки, но внизу. Сам код:

 

<div style="padding:8px; border-radius:10px; background: #FF7F50"><div style="padding:15px; border-radius:8px; background: #FFFFFF; text-align:right; img-aligh: left; font-weight:bold; color: #000000"><img border="0" src="" alt="картинка 80х80px">Текст, который нужно выровнять по вертикали</div></div>

 

 

[web-tech]

выравнивание по вертикали http://htmlbook.ru/css/vertical-align

[StOK]

выравнивание по вертикали http://htmlbook.ru/css/vertical-align

В указанном мной коде, vertical-align не срабатывает.

[web-tech]

В указанном мной коде, vertical-align не срабатывает.

не верю 

[StOK]

Проверьте

 

В указанном мной коде, vertical-align не срабатывает.

не верю 

 

Проверьте

[web-tech]

Проверьте

так проверил же первым делом, потому и не верю 

[StOK]

Я внедряю картинку и текст оказывается снизу

 

Проверьте

так проверил же первым делом, потому и не верю 

 

Я внедряю картинку и текст оказывается снизу

[tt48]

А что за свойство во втором блоке "img-aligh"?

https://jsfiddle.net/00n9go1v/8/

[web-tech]

А что за свойство во втором блоке "img-aligh"?

скорее всего по задумке там должен быть атрибут align http://htmlbook.ru/html/img/align  

[Vlad]

@StOK, вместо детского верю-не верю, напишите код на JSFiddle.net и выложите сюда ссылку.

[StOK]

А что за свойство во втором блоке "img-aligh"?

https://jsfiddle.net/00n9go1v/8/

Картинку сдвигает влево. Где-то в инете нашла.

Спасибо.

@StOK, вместо детского верю-не верю, напишите код на JSFiddle.net и выложите сюда ссылку.

Уже поняла, что у меня не в коде не срабатывает вертикальное выравнивание текста, а стили шаблона не позволяют его выровнять. Буду копать стили шаблона.

[tt48]

Картинку сдвигает влево. Где-то в инете нашла.

 

<img align="left" alt="" src="" /> 

Быть может?

Я к тому и веду, что нет img-aligH никакого..и не работает он.

 

Что не срабатывает и стили шаблона не позволяют - судя по мутности фразы  предположу, что стоит прочить про !important; http://htmlbook.ru/css/%21important

и\или назначить display: inline-block; картинке, где выравнивание происходит, если ей вдруг назначено disaply: block;

+\- float может мешать и position.. других причин не вижу - правится все легко.

На всякий случай -- стили, примененные к конкретному элементу html-кода можно посмотреть в инспекторе страницы (правая кнопка мыши - проинспектировать элемент).