Is there a way to change the color and alignment of a wrapped line of text? I have a div with content, and when the text wraps due to lack of space, I'd like the second line to be right-aligned and green in color.
I've created a simple fiddle. I need the second line to be both right-aligned and have its color changed.
CSS:
.heading {
font-size: 40px;
&:first-line {
color: red;
}
}
HTML:
<div class="heading">
This is just a test to see how text wrapping works in multiple lines. Testing some things out.
</div>
Thank you!