JSFiddle - React, Tailwind, and code Playground

by seevis

HTML

<center><br><div style="color: #8f6e4d; font-size: 24px; font-family: Oswald;">Imię / i nazwisko </div>
<img src="https://64.media.tumblr.com/c519d843eb5a9e96999df88f8c556891/fbc36294ddf9f13d-de/s540x810/cc2145207bfe8d7da1f5f15a8bab355845c8ac1e.gif" style="width:260px; height:140px; border:1px solid #8f6e4d;">

<div style="color: #8f6e4d; font-family: Oswald; text-transform: uppercase;  font-size: 11px; line-height: 1.2;">wiek + zajęcie + ranga + rasa + love </div>

<div style="width: 400px; color: grey; margin-top: 2px; background: #171717; padding: 5px; border-radius: 2px; -webkit-border-radius: 2px; text-align: justify; font-size: 11px; line-height: 1.1;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent cursus velit imperdiet massa porta, ut finibus mi pellentesque. Cras et sapien in magna pharetra vestibulum a quis nibh. Pellentesque vel libero ornare massa egestas convallis non in enim. Maecenas maximus nunc eu libero porta luctus. Aenean quis molestie quam. Mauris convallis ex id elit interdum volutpat. Sed sapien mauris, condimentum non ante vel, congue fermentum lectus. Ut cursus, enim a pellentesque mollis, eros leo pulvinar nisi, non molestie augue magna sit amet risus. Suspendisse pulvinar volutpat neque, eu rhoncus arcu fermentum in. Nullam in mi sed magna vulputate porttitor id ut diam.</div>

<table><td><div style="width: 400px; color: #8e8888; margin-top: 2px;background: #171717; padding: 5px; border-radius: 2px; -webkit-border-radius: 2px; text-align: justify; font-size: 11px; line-height: 1.1;"><span style="color:#8f6e4d; font-family: Oswald; text-transform: uppercase;  font-size: 11px; line-height: 1.2;">link do sesji +</span>  z kim
<span style="color:#8f6e4d; font-family: Oswald; text-transform: uppercase;  font-size: 11px; line-height: 1.2;">link do sesji +</span> z kim</div></td></table>

<div style="color: #8f6e4d; font-family: Oswald; text-transform: uppercase;  font-size: 11px; line-height: 1.2;">RELACJE...