JSFiddle - React, Tailwind, and code Playground

by Kirubel Girma

HTML

<div class="xlbl">
  <div class="xttl">Cooking: Induction Stove</div>
  <div class="xsubt">Kirusoft Dev. is dedicated to giving you the tools you need to help make your business more efficient and productive. Our team works around the clock to provide corporate level tech solutions that will save you time and expense.</div>
</div>

CSS

* {
  font-family: arial;
}

.xlbl {
  background: rgba(240, 255, 255, 0.52);
  padding: 1em;
  max-width: 19em;
  overflow: hidden;
}

.xlbl:hover {
  background: azure;
}

.xttl {
  font-size: 1.3em;
}

.xsubt {
  font-size: .8em;
  padding-top: .2em;
}