JSFiddle - React, Tailwind, and code Playground

by Boba Poshtar

HTML

<br><br><br>
<div class="oval"></div>

CSS

.oval {
  position: relative;
  width: 200px;
  height: 200px;
  outline: 1px solid silver;
  /*overflow: hidden;*/
}
.oval:before {
  content: "";
  position: absolute;
  left: 150px;
  top: -50px;
  width: 300px;
  height: 300px;
  border: 3px dashed blue;
  border-radius: 50%;
}