JSFiddle - React, Tailwind, and code Playground

by Dogbert

HTML

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 936 936" style="enable-background:new 0 0 936 936;" xml:space="preserve">
<style type="text/css">
.st0{font-family:'KeepCalm-Medium';}
.st1{font-size:165.4444px;}
.st2{font-size:110.0644px;}
.st3{enable-background:new    ;}
.st4{fill-rule:evenodd;clip-rule:evenodd;}
</style>
<g id="Background_xA0_Image_1_">
</g>
<g id="KEEP">
<text transform="matrix(1 0 0 1 239.564 370.8371)" class="st0 st1">KEEP</text>
</g>
<g id="CALM">
<text transform="matrix(1 0 0 1 198.35 536.5397)" class="st0 st1">CALM</text>
</g>
<g id="AND_LET">
<text text-anchor="middle" transform="matrix(1 0 0 1 468 657.903)" class="st0 st2">a</text>
</g>
<g id="PASCAL">
<text text-anchor="middle" transform="matrix(1 0 0 1 468 778.7029)" class="st0 st2">$text,2,(3-7)$</text>
</g>
<g id="HANDLE_IT">
<text text-anchor="middle" transform="matrix(1 0 0 1 468 900.8632)" class="st0 st2">$text,3,(5-20)$</text>
</g>
<g id="_x5E__1_" class="st3">
<g id="_x5E_">
<g>