JSFiddle - React, Tailwind, and code Playground

HTML

<div class="section">
    <p>This content is 200 pixels wide and wraps after it reaches 200 pixels. </p>
</div>

CSS

div.section {
	width: 200px;
	padding: 0 calc(50% - 100px);
    background-color: blue;
    color: white;
}