Pseudoelements detection

by IllusionMH

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc auctor faucibus aliquam. Aliquam euismod ullamcorper eros, vestibulum aliquam dui condimentum quis. Nunc ornare urna non turpis commodo mollis..</p>

CSS

p {
    width: 300px;
    border: 1px solid black;
    position: relative;
}
p:after{
    content: "Phasellus\Atortor dui, commodo";
    white-space: pre;
    position: relative;
    z-index:2;
}
p:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 50%;
    background: red;
    width: 30px;
    height: 19px;
}