Psuedo line

<p class="newsletter-2">
	Subscribe Today
</p>

+

CSS →

.newsletter-2 {
    position: relative;
    text-align: center;
    background-color: #FFFFFF;
}
p.newsletter-2:after {
    content: '';
    width: 100%;
    border-bottom: solid 1px #000000;
    position: absolute;
    left: 0;
    top: 50%;
}

Hi there,
I designed something.
I am yet not receiving the anticipated result. That line is negating the text.

We’re you trying something like this ?

3 Likes

Here’s another way:

3 Likes

Very tricky, but wow! Kudos!
This is also responsive because of flex-grow set to unity.