JSFiddle - React, Tailwind, and code Playground

HTML

<div id='back'>
    <p id='text'>This is some text</br> displaying on two lines </p>
</div>

CSS

#back{
    width:70%;
    border:1px solid;
    padding:50px;
    margin:0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    text-align: center;
}

#text{
    display:inline-block;
    text-align:left;
    padding:0 20px;
    background:#cacaca;
}