JSFiddle - React, Tailwind, and code Playground

HTML

<div id="p">
<div id="c">textotext otextotextotext otextotextotext otext otextotext otextotextotext otext otextotext otextotextotextotext otextotextotextotextotextotext otextotextotext otextotextotext otext otextotext otextotextotext otext otextotext otextotextotextotext otextotextotextotexttextotextotextotextotextoo
    </div>
</div>

CSS

#p
{
    background-image: url("http://www.w3.org/html/logo/downloads/HTML5_Logo_512.png");
    border: 5px solid black;
    height:auto;
    width:250px;
}
#c
{
    height:auto;
    margin: 0 auto;
    width:200px;
    word-wrap:break-word;
}