JSFiddle - React, Tailwind, and code Playground

by phloe

HTML

<div class="card">
  <div class="text">
    <h3>Peter Madsen sigtes for usømmelig omgang med lig</h3>
    <p>Ubådsejer Peter Madsens sigtelse<a href="/artikel/urn:dr:newsapp:article:4c6b1fa4-abe5-4883-888b-69876898deec.html">er i dag blevet udvidet</a>, så han nu også er sigtet for usømmelig omgang med lig efter straffelovens § 139, stk. 1.</p><p>Det skriver Københavns Politi i en pressemeddelelse. Peter Madsen nægter sig skyldig i både drab og den nye sigtelse om usømmelig omgang med lig.</p>
  </div>
</div>

CSS

html {
  height: 100%;
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
html, body {
  display: flex;
}
body {
  margin: 0;
}

.card {
  width: 50%;
  margin: 20px auto;
  background-color: #bad455;
  display: flex;
}

.text {
  padding: 20px;
  margin: auto 20px 20px;
  max-height: calc(100% - 40px);
  overflow-y: auto;
  background-color: #FFF;
}