CSS: Vertikale Ausrichtung des Textes in Li Item, funktioniert nicht

Question

Apr 09, 2012, 06:06 AM

CSS: Vertikale Ausrichtung des Textes in Li Item, funktioniert nicht

Ich verwende ein Bild im Listenstil für Li-Elemente und einen einzeiligen Text.

Da es aber schlecht aussieht, möchte ich den Text vertikal zur Bildmitte ausrichten.

Ich sollte Vertikal ausrichten verwenden: Mitte, richtig? Aber es hat bei mir nicht funktioniert.

<code><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>
</code>