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:

Pseudo après alignement à droite

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