JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="parent">
	    <div class="child">
	    Текст размером 14px выровнен влево. Он заполняет весь блок. Ширина блока не превышает 600px. Если окно маленькое, блок занимает столько места, сколько есть.
	    </div>
    </div>
</body>

CSS

body {
margin: 0px;
padding: 10px;
}
.parent {
    background-color: #e2ffdc;
    border: 1px solid black;
    max-width: 578px;
    padding: 10px;
    margin: auto;
}
.child {
    max-width: 578px;
}