JSFiddle - React, Tailwind, and code Playground

by brandondurham

HTML

<p>There is no life in thee, now, except that rocking life imparted by a gently rolling ship; by her, borrowed from the sea; by the sea, from the inscrutable tides of God. But while this sleep, this dream is on ye, move your foot or hand an inch; slip your hold at all; and your identity comes back in horror. Over Descartian vortices you hover. And perhaps, at mid-day, in the fairest weather, with one half-throttled shriek you drop through that transparent air into the summer sea, no more to rise for ever. Heed it well, ye Pantheists!</p>

CSS

body {
    font: bold 18px/24px Helvetica, Arial, sans-serif;
    padding: 50px;
}
p {
    -moz-box-shadow: -5px 0 0 #e2711b, 5px 0 0 #e2711b;
    -webkit-box-shadow: -5px 0 0 #e2711b, 5px 0 0 #e2711b;
    -o-box-shadow: -5px 0 0 #e2711b, 5px 0 0 #e2711b;
    box-shadow: -5px 0 0 #e2711b, 5px 0 0 #e2711b;
    background: #e2711b;
    color: white;
    display: inline;
    font-size: 20px;
    line-height: 34px;
    padding: 3px 0 4px 0;
}