Faire CSS pseudoelement :avant même hauteur que l'élément principal

J'ai cherché partout et impossible de trouver une solution à cela sur mon propre. Je suis en train de faire une base contenteditable de l'éditeur de code, et pour les numéros de ligne, j'ai choisi d'utiliser un paragraphe pour chaque ligne avec un compteur situé dans un CSS pseudo-élément. Voici le violon: http://jsfiddle.net/zppb29jw/

Le problème est que, si le paragraphe est un peu plus longue que le reste du texte sera de passer sous mon compteur pseudoelement. Je veux étirer le :avant compteur à la même hauteur que le point.

J'ai essayé d'utiliser position:relative sur le paragraphe et position:absolute; height:100% sur le p:avant pseudoelement comme expliqué ici: Comment le pseudo élément de détecter la hauteur de la non-pseudo-élément?

Cela ne fonctionne pas dans mon cas car je ne veux pas le p:avant d'élément pour aller au-dessus et couvrir le paragraphe, je veux juste le même comportement que maintenant, je veux juste les p:before élément d'allongement à la même hauteur que le principal p.

Je n'ai pas envie d'avoir la ligne strech plus que la largeur de l'enveloppe du conteneur. J'ai essayé de nombreuses méthodes, mais a échoué à parvenir à une solution.

Vous devriez vous montrer du code HTML et CSS, que de reproduire le problème, dans la question elle-même.
J'ai posté un violon.... jsfiddle.net/zppb29jw Pense que c'est juste plus facile de cette façon
Un violon est pas un remplacement pour le code, juste une commodité. Une question doit être parfaitement compréhensible sans suivre tous les liens (qui peuvent briser un jour).

OriginalL'auteur just some guy | 2014-10-19

  1. 0

    http://jsfiddle.net/zppb29jw/2/

    p {
    position:relative;
    left: 4em;
    ...

p:before {
    position:absolute;
    right:100%
    display:block;
    ...

    est que ok pour vous?

    OriginalL'auteur webdev-dan

  2. 0
    .black_right{
    position: relative;
    display: table;
    width: 100%;
    z-index: 10;
}
.black_right::after{
    content: " "; 
    top: 0px;
    height: 100%;
    width: 100%;
    box-shadow: 500px 0px #000;
    position: absolute;
}

    OriginalL'auteur user3432605