JSFiddle - React, Tailwind, and code Playground

by orjan

HTML

<div style="background-color: #000; border-radius: 100%; height: 150px; width: 150px;">
    <div style="height: 90%;
    width: 90%;
    border-radius: 100%;
    border: 2px solid #fff;
    position: relative;
    top: 3.5%;
    left: 3.5%; display: flex; align-items: center; justify-content: center; transform: rotate(-10deg);">
        <div style="width: 80%; height: 80%; text-align: center; color: #fff;"><div style="font-size: 2rem; color: #d53231;">50%</div> under december
        <div style="margin-top: .5rem; font-size: .8rem; color: #fff;">
        Köp till dig själv eller ge bort i julklapp!</div></div>
    </div>
</div>