Keine gleiche Höhe des Inhalts und der Kugel in li

Ich habe eine ListeKeine gleiche Höhe des Inhalts und der Kugel in li

<ul class="styled-list"> 
    <li>some text</li> 
</ul>

und dann habe ich css

.styled-list-arrow li:before { 
    font-family: 'Material Icons'; 
    font-size: small; 
    content: "\e315"; 
    margin-left: -1.4em; 
    width: 1.3em; 
}

alles funktioniert gut, aber ein Problem ist, dass li Inhalt nicht auf gleiche Höhe als Li-Kugel. Ich weiß nicht, wo ein Problem sein kann.

---------- bearbeiten --------------

Ich brauche Kugel wenig nach unten zu verschieben

Quelle

2016-07-18 bajky

Bitte klären Sie Ihr spezifisches Problem oder fügen Sie zusätzliche Details hinzu, um genau das hervorzuheben, was Sie brauchen. Wie es derzeit geschrieben wird, ist es schwer zu sagen, was genau Sie fragen. –

von einem schnellen Kopieren/Einfügen Ihres Codes das oben genannte funktioniert gut. Es ist möglicherweise woanders in deinem Code, wo das Problem ist? Obwohl 'vertical-align: middle;' helfen könnte –

A [mcve] könnte nützlich sein –

diesen Code auf die Anzahl: vor Pseudo-Element:

vertical-align: bottom;

Achten Sie auch auf Ihre Klassennamen. Sie haben 'styled-list' und 'styled-list-arrow li'

Quelle

2016-07-18 20:24:58

Keine gleiche Höhe des Inhalts und der Kugel in li

Antwort

Verwandte Themen