JSFiddle - React, Tailwind, and code Playground

HTML

<p id="test"><strong>Lunch</strong> withfdhrhtrs <strong>Matt Matteson, Dan Dofter</strong> and <strong>5 other people</strong> at <strong>The Office</strong></p>
<p>
    <img src="https://lh4.googleusercontent.com/-09gREVNu-s8/TxCaPbcmcCI/AAAAAAAAFVA/6aPsjmMey2c/s268/path2.png" alt="">
</p>

CSS

body
{
    margin: 1.5em;
    font-family: sans-serif;
}
#test
{
    background-color: #6c6a66;
    background-image: -webkit-linear-gradient(left, #aa390b 0%, #2f4341 20%, #97a8a6 40%, #a2a8a6 60%, #000 100%);
    background-image:    -moz-linear-gradient(left, #aa390b 0%, #2f4341 20%, #97a8a6 40%, #a2a8a6 60%, #000 100%);
    background-image:     -ms-linear-gradient(left, #aa390b 0%, #2f4341 20%, #97a8a6 40%, #a2a8a6 60%, #000 100%);
    background-image:      -o-linear-gradient(left, #aa390b 0%, #2f4341 20%, #97a8a6 40%, #a2a8a6 60%, #000 100%);
    background-image:         linear-gradient(left, #aa390b 0%, #2f4341 20%, #97a8a6 40%, #a2a8a6 60%, #000 100%);
    color: #FFF;
    padding: 0.5em;
    width: 250px;
    text-shadow: 0 -1px 1px black;
    font-size: 1.05em;
}
strong
{
    font-weight: bold;
}
p
{
    margin-bottom: 1.5em;
}