JSFiddle - React, Tailwind, and code Playground

by seevis

HTML

<link href="https://fonts.googleapis.com/css?family=Alex+Brush|Kurale|Marck+Script|Petit+Formal+Script|Playfair+Display|Ruthie" rel="stylesheet">
<div class="kaltab">
  <div class="kalbela"> Spis sesji</div>
  <div class="kalbelamini">
    rozpiska ciąży
16 czerwca - 1 tydzień
18 sierpnia - 10 tydzień
15 wrze
</div>

CSS

.kaltab {
  width: 390px;
  overflow-y: auto;
  height: 400px;
  padding: 2px;
  text-align: justify;
  letter-spacing: 1px;
  background-color: #dee3e7;
  border-bottom: 10px double #72a996;
  border: 10px double #72a996;
  font-family: Calibri;
  font-size: 14px;
}

.kalbela {
  text-align: center;
  letter-spacing: 1px;
  font-family: 'Kurale', serif;
  font-size: 26px;
  background-color: #72a996;
  color: #dee3e7;
  padding: 4px;
  margin-top: 2px;
}

.kalbelamini {
  text-align: center;
  letter-spacing: 1px;
  font-family: 'Calibri', serif;
  font-size: 16px;
  text-transform: uppercase;
  background-color: #72a996;
  color: #dee3e7;
  padding: 2px;
  margin-top: 2px;
}