JSFiddle - React, Tailwind, and code Playground

by naykris

HTML

<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit, cupiditate veritatis eaque.</p>
<button>text</button>
</div>

CSS

div {
  background-color: yellow;
  border-radius: 8px;
  
  width: 200px;
  
  /* overflow: hidden; */
  
  position: relative;
}

div::before {
  content: 'hot';
  color: white;
  background-color: red;
  
  position: absolute;
  
  top: 0;
  right: -10px;
}

p {
  padding: 8px;
}

button {
  display: block;
  width: 100%;
  /* border-radius: 0 0 8px 8px; */
}