JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div class="block">
    <h1>My title</h1>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nulla iure odit, voluptatum consectetur distinctio, consequuntur eos molestias veritatis voluptates cupiditate veniam corporis maxime dolorum! Minus ducimus modi rem voluptatibus quaerat veniam illum, iure inventore reprehenderit laboriosam cumque commodi? Fuga ducimus molestiae voluptatibus aliquid dolorem ipsa voluptatum natus dolores reiciendis! Asperiores.</p>
   
  </div>
</body>

CSS

*{
  box-sizing: border-box;
}
body{
  width: 100%;
  max-width: 1000px;
  margin: auto;
  border: 4px solid #000;
  background-color: #333;
}
.block{
  /* width: 100%; */
  /* max-width: 100%; */
  width: 100%;
  max-width: 1000px;
  background-color: #fefefe;
  border: 1px solid #ddd;
  padding: 10px;
  margin: 50px;
}