JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

div#content {
    font-size: 14px;
    text-align: left; /* Это ведь значение по умолчанию, нужно ли писать? */
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #000;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    background-color: #E2FFDC;
}
div#wrapper {
    margin: 10px;
}