hizalayın sözde eleman :: satırlı metin

Question

ile aşağıdaki koda yaşıyorum sonra: Ben bir a::after elemanının yatay orta taban çizgisini hizalamak çalışıyorum

.container { 
 
    width: 150px; 
 
    background-color: yellow; 
 
} 
 
a { 
 
    font-size: 14px; 
 
} 
 
a:after { 
 
    content: "\003e"; 
 
    font-size: 32px; 
 
    font-weight: 700; 
 
    padding-left: 10px; 
 
}

<div class="container"> 
 
    <p> 
 
    <a>Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum</a> 
 
    </p> 
 
</div>

Çok satırlı bir metnin son satırı.

Flexbox'ı kullanmayı denedim, ancak bu, ::after öğesini, son satır yerine tam çok satırlı metnin yatay taban çizgisiyle ortalayacak. *

JSFiddle

Answer 1

sen bunun ne kadar bir görüntüsünü verebilir a::after

.container { 
 
    width: 150px; 
 
    background-color: yellow; 
 
} 
 
a { 
 
    font-size: 14px; 
 
} 
 
a:after { 
 
    content: "\003e"; 
 
    font-size: 32px; 
 
    font-weight: 700; 
 
    padding-left: 10px; 
 
    position: relative; 
 
    top: 5px; /* change the value to what fits you better */ 
 
    line-height:0 
 
}

<div class="container"> 
 
    <p> 
 
    <a>Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum</a> 
 
    </p> 
 
</div>