Alignez verticalement petites balles avec plus de texte
J'ai une liste avec des balles. J'ai fait les puces plus petites, en mettant le li
texte à l'intérieur d'un span
et de faire une taille de police de la li
plus petite que celle de la durée. Le problème est que maintenant les balles ne sont pas alignés verticalement par rapport au texte. Comment puis-je régler ce problème?
HTML:
<ul>
<li><span>text1</span></li>
<li><span>text2</span></li>
<li><span>text3</span></li>
<li><span>text4</span></li>
</ul>
CSS:
li{
font-size: 15px;
}
li span{
font-size: 25px;
}
jsFiddle: http://jsfiddle.net/tXzcA/
OriginalL'auteur dmr | 2013-01-15
Vous devez vous connecter pour publier un commentaire.
Vous pouvez simplement faire votre propre point de balle et de faire n'importe quelle taille que vous voulez.
Il suffit de changer autour de la
font-size
à la taille que vous voulez.jsFiddle
Il a travaillé quand j'ai utilisé
content: "\2022"
OriginalL'auteur Jason
Essayez ceci:
Voir ici: http://jsfiddle.net/tXzcA/19/
OriginalL'auteur Brian Salta
C'est ce que j'ai utilisé, il s'articule sur les deux la balle & le contenu
Jsfiddle: http://jsfiddle.net/VR2hP/14/
CSS:
OriginalL'auteur MartinC
Utiliser une liste non ordonnée et d'afficher la liste des éléments comme des tableaux.
Prendre un coup d'oeil à cet exemple: https://jsfiddle.net/luenib/jw1ua38v/
L'icône, le nombre, ou ce que vous voulez à la place va être situé à l'intérieur d'une plage. Le contenu de la balise span est centrée horizontalement et verticalement, très utile si vous ne souhaitez pas afficher l'icône sur le dessus. Le texte à l'intérieur du paragraphe garder un espace à sa gauche, afin de ne pas passer sous l'icône dans le cas où le texte s'étend sur plus d'une ligne.
CSS:
HTML:
OriginalL'auteur luenib