показать эскиз и выравнивание текста

Question

вот мой код:

<div class = "menu-content">
        <ul data-role = "listview" data-inset="true">
            <li data-role = "list-divider">Emergency Menù</li>
            <li>
                <a href="#">
                        <img src="assets/icns/user.png" class = "ui-li-icons" />

                    Add 
                </a>
            </li>
        </ul>
</div>

значки user.png в файле png 32x32px. Я бы отобразил встроенный эскиз и текст Add.моя проблема в том, что когда я выравниваю эскиз, текст остается наверху.

Answer 1

Проверьте вертикальное выравнивание по тексту.

vertical-align:baseline
vertical-align:middle

Мне иногда приходится возиться с этими настройками, чтобы все выровнять правильно.

Answer 2

Попробуйте использовать style = "float: left;"на изображении.

Также я вижу класс как ui-li-icons.Вы пытаетесь создать класс только для изображения в ul?

Вы можете сделать css, например:

#menu li img {/*CSS HERE*/} 

# menu - ul.