JSFiddle - React, Tailwind, and code Playground

HTML

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi, reprehenderit. Maiores, id numquam dolore, deserunt quisquam neque consectetur libero placeat eum error iusto iste magnam nobis beatae voluptatem laudantium, sequi deleniti accusantium consequuntur omnis nulla incidunt ad temporibus! Unde deserunt ipsa perferendis commodi suscipit, asperiores sed nostrum. Eligendi cupiditate nihil voluptas praesentium provident itaque adipisci veritatis ad eveniet. Voluptate nemo rem autem et voluptatum officia corrupti odio, nisi alias quos magnam eius dolorem nobis quam rerum enim aperiam sit distinctio similique nostrum sed obcaecati! Magni ea, iusto accusamus, corrupti repellendus repellat eligendi provident laudantium velit cupiditate doloribus perspiciatis rem asperiores.</div>

CSS

* {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}
body {
  margin: 0;
}

div {
  width: 300px;
  padding: 20px;
  margin: 50px;
  background: linear-gradient(to right, red, yellow) no-repeat bottom / 100% 5px;
}