Вопросы Теги

CSS :вертикальное выравнивание текста в элементе li, не работает #39; не работает

Я использую изображение списка -в стиле -для элементов li и однострочный -текст.

enter image description here

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

Я должен использовать вертикальное -выравнивание :по середине, верно? Но это не сработало для меня.

<html>
    <head>
        <title> This is an demo </title>
        <style>
            body {
                background-color: #464443;
                color: white;
            }
            ul {
                list-style-image: url('bg.png');
            }

            li {
                vertical-align: middle;
            }

        </style>
    </head>

    <body>
        <ul>
            <li>abc</li>
            <li>abc</li>
            <li>abc</li>
            <li>abc</li>
        </ul>
    </body>
</html>
5
задан daisy 9 April 2012 в 04:06
поделиться