Pseudo après alignement à droite
Je suis en train d'utiliser le CSS3 pseudo :après li éléments. Le problème est que le contenu de l' :après est immédiatement après le li contenu - comme si :après l'utilise text-align:left; Mais depuis mon li éléments d'utiliser display:block; ne pas utiliser text-align:right; sur :après avoir déplacer le :après le contenu tout à fait à droite? Il n'a pas de toute façon.
.container ul li {
display: block;
border-bottom: 1px solid rgb(60,60,60);
border-top: 1px solid rgb(255,255,255);
padding: 5px 5px 5px 30px;
font-size: 12px;
}
.container ul li:after {
content: ">";
text-align: right;
}
C'est une capture d'écran du problème:
Je veux l' > pour être tout le chemin à droite, et puisque le contenu de la li changements, je ne peux pas définir une largeur sur l' :après le contenu.
Comment aurais-je obtenir :une fois que le contenu de manière à aligner le droit, si ce n'est avec text-align?
source d'informationauteur Charles John Thompson III
Vous devez vous connecter pour publier un commentaire.
Essayer de flotter
Démo http://jsfiddle.net/surN2/
Hé maintenant, vous pouvez utilisé
position
propriétés comme ceci:et le changement des propriétés css en fonction de votre conception.
Démo Live: http://tinkerbin.com/yXzOyDNg
Si vous voulez aligner à droite que le changement de
left
enright
Démo Live: http://tinkerbin.com/rSWKxLwX
Utilisation
float:right
et spécialline-height
pour l'alignement vertical.