I would like to do a text 20% off but number on the left and percentage and off stack on the right. Can you guy give me an idea? Image to Reference
You can try with this.
.discount-number-wrapper {
padding: 0 30px 0 0;
font-size: 48px;
position: relative;
display: inline-block;
line-height: 1;
}
.discount-number-wrapper:before {
content: '%';
font-size: 30px;
position: absolute;
top: 2px;
right: 0;
}
.discount-number-wrapper:after {
content: 'OFF';
font-size: 13px;
position: absolute;
bottom: 5px;
right: 0;
}
<div class="discount-number-wrapper">
20
</div>
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments