JSFiddle - React, Tailwind, and code Playground

HTML

<div class="element">
TEXT TEXT
</div>

CSS

.element {
  width: 600px;
  height: 300px;
  border-radius: 45px;
  background-image: linear-gradient(to right, red 50%, white 50%);
  background-position: top;
  background-size: 10px 1px;
  background-repeat: repeat-x;
}