JSFiddle - React, Tailwind, and code Playground

by seevis

HTML

<link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
<div id="aIndominus"><img src="https://66.media.tumblr.com/ae8e78a8f04f758caa5c73bd2bf37608/f2105712052c8f62-5b/s250x400/ac987c7e8a7876c7634a99f2056abb6e8e2ace83.png" style="width: 200px;">
  <div id="cIndominus">Dougal Norwood<div id="bIndominus">48 lat | brygadzista | wilkołak | NPC</div>
  </div>
  To była dosłownie kwestia parunastu sekund. Reakcji i odpowiedzi na działania każdej ze stron. Cisza, która otulała jeszcze ospałe i zmęczone ciała, zaraz stała się zauważalnie napięta i podnosząca ciśnienie równie dobrze, jak mocna kawa. Wszyscy zebrani mieli wyostrzone zmysły charakterystyczne dla ich rasy. Z reakcją było o tyle gorzej, że - jak już wcześnie wspomniano - zmęczenie po przemianie działało na swoich zasadach.
  — [b]No co za kutas![/b] — kobieta, którą Patrick zaatakował, nie zdążyła uchylić się od jego ciosu. Materiał ledwo musnął jego ramiona i tułów, a już zsunął się z jego ciała. Sama ofiara odskoczyła. Wylądowała tyłkiem na ściółce; zdążyła podeprzeć się jedną ręką. Drugą sprawdzała stan swojego nosa.
  Nawet gdyby chciał - to nie zdążyłby zrobić żadnego kroku w jej stronę. Czym prędzej dość brutalnie został przygwożdżony do drzewa; miał unieruchomioną rękę i był dociśnięty przedramieniem na wysokości klatki piersiowej. Kora nieprzyjemnie drapała nagą skórę na jego tułowiu.

  Ava może i słusznie przestraszyła się mężczyzny. Zauważalnie starszy od niej, miał włosy sięgające jego żuchwy. Niektóre kosmyki przekraczały linię brody; fryzura nie była misternie uczesana. Prędzej wyglądał na kogoś, kto sam całkiem niedawno się zbudził. Wyraz twarzy miał spokojny. Jej reakcja nie zrobiła na nim większego wrażenia. Właściwie to tego się spodziewał i być może sam nie zareagowałby w ten sposób, co obca kobieta, ale z pewnością tak, jak towarzyszący jej mężczyzna. Nieznajomy nie przysunął się. Uniósł ręce niespiesznie, chcąc pokazać tym samym, że nie ma żadnych...

CSS

#aIndominus {
  width: 450px;
  padding: 10px;
  margin: 0 auto;
  font: 14px calibri;
  border-bottom: 5px solid #5E4227;
  text-align: justify;
}

#aIndominus img {
  border: 5px solid #5E4227;
  float: left;
  margin-right: 5px;
}

#bIndominus {
  font: 10px calibri;
  text-transform: uppercase;
  color: #735c46;
  text-align: center;
}

#cIndominus {
  background: url(https://i.servimg.com/u/f70/19/94/25/57/bz0ncy10.png);
  padding: 10px;
  font: 40px six caps;
  text-align: right;
  color: #5E4227;
  border-bottom: 5px solid #5E4227;
  margin-top: 5px;
}
<link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>