JSFiddle - React, Tailwind, and code Playground

by phloe

HTML

<section>
<img src="http://asset.dr.dk/imagescaler/?file=%2Fimages%2Fother%2F2016%2F01%2F26%2Fscanpix-20160114-135417-l.jpg&w=1400&h=788&scaleAfter=crop&quality=80&server=www.dr.dk"/>
<h1>
  Dommer i Kundby-sag: Jeg er ikke betænkelig ved isolationen
</h1>
<p class="description">
Den 15-årige sigtede pige fra Kundby skal blive i isolation til 9. februar.
</p>
  <p>Meget usædvanligt bad dommeren i Kundby-sagen alle journalister om at indfinde sig i retten i dag, efter hun havde besluttet fortsat at isolationsfængsle den sigtede 15-årige.</p>
  <p>- Jeg har fået beskrevet de forhold, som hun sidder fængslet under, og jeg føler mig tryg ved de forhold, meddelte hun pressekorpset.</p>
  <p>Sagen er mørklagt med dobbeltlukkede døre og nærmest ingen detaljer om anholdelsen er sluppet ud. Det fremgår dog af politiets journalnumre i retsbogen, at pigen mindst er sigtet for besiddelse af ’andre særdeles farlige våben eller eksplosive stoffer, særligt skærpende omstændigheder’.</p>
  <p>Pigen blev anholdt 13. januar blev anholdt og varetægtsfængslet.</p>
  <p>- Jeg er ikke betænkelig ved at fortsætte fængslingen, fortalte dommeren til DR's retskorrespondent Trine Maria Ilsøe, der befinder sig ved Retten i Holbæk.</p>
  <p>- Det her er en usædvanlig kendelse for dommeren, fordi det er sjældent, at man isolationsfængsler en 15-årig. Derfor følte hun sig nødsaget til at kalde os ind, siger Trine Maria Ilsøe.</p>
  <h3>
  - Fysisk og psykisk mærket
  </h3>
  <p>
  Den 15-årige pige, der var iført sort dunjakke, hættetrøje og grå joggingbukser, sad stille og meget betuttet i retten.
  </p>
  <p>
  I dag fik hun for første gang siden sin fængsling lov til at se sin mor. Hun har nu også fået lov til at få besøg i fængslet fremover.
  </p>
<p>
Pigens forsvarsadvokat siger ifølge Trine Maria Ilsøe, at han godt kan mærke på sin klient, at hun fysisk og psykisk har været isolationsfængslet.
</p>
  <blockquote>
  That's what she said
  </blockquote>
<p>
Den 15-årige skal forblive i...

CSS

body {
  font: 100%/1.25 Verdana, sans-serif;
}

section {
  margin: 40px;
  -webkit-column-width: 240px;
  -webkit-column-gap: 40px;
  -moz-column-width: 240px;
  -moz-column-gap: 40px;
  column-width: 240px;
  column-gap: 40px;
  _min-height: 150px;
}

img {
  display: block;
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
  width: 100%;
  height: auto;
}

h1 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
  clear: both;
}

.description {
  font-size: 1.1em;
}

p {
  margin: 0;
  padding: 1em 0;
  /*
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  */
}

blockquote {
  display: block;
  margin-left: auto;
  max-width: 33.3333333333%;
  min-width: 300px;
  _float: right;
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
  font-size: 1.5em;
  font-style: italic;
  font-weight: bold;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
blockquote:before {
  content: "\201D";
}