JSFiddle - React, Tailwind, and code Playground

HTML

<div>lorem ipsum dolor sit amet</div>

CSS

:root {
  --size: 2rem;
}

div {
  display: flex;
  background-image: linear-gradient(to right, red, red);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: var(--size) 100%;
  padding: .5rem 0
}

div::before {
  content: '☀';
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--size);
}