JSFiddle - React, Tailwind, and code Playground

HTML

<head lang="en">
    <title>Test1</title>

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

</body>

CSS

@charset "UTF-8";
#first
{
    background-color: rgb(226,255,220);
    font-size: 14px;
    max-width: 580px;
    padding: 10px;
    text-align: left;
    line-height: 1.5;
    margin: 10px auto;



}