I need to emphasize specific text that requires underlining.
<div><span class="text">Underlined</span><br>blah blah</div>
As a result, the content should be displayed as follows:
Underlined
---
blah blah
In my SASS/SCSS project, I attempted to utilize the :before pseudo-element without success.
&>div {
// code
&:before {
//other code
}
}
.text {
font-weight: bold;
&:before {
border-bottom:red solid 1px;
}
}
}
Despite multiple attempts, I have not been able to achieve the desired result. I experimented with span:before, span::before, .text:before, .text::before, and various other approaches, but nothing has worked so far.