<div class="box">
  <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magni modi optio voluptatibus maiores fuga velit odio quia quaerat est nam.</p>
  <p>Quod, aliquam debitis suscipit rerum quo ipsa eum dolor inventore voluptatum velit, facere amet dignissimos quisquam similique a veniam doloribus.</p>
  <p>Maiores alias molestias sunt vitae temporibus ratione autem animi aliquid, nostrum laudantium magnam, iusto distinctio. Veritatis earum ratione aut adipisci!</p>
</div>

.box {
  max-inline-size: 300px;
  border: 1px solid black;
  padding: 1rem;
  border-radius: 5px;
  
  margin-trim: block-end;
  p {
    margin-block: 0 1.2rem;
  }
}

body {
  height: 100vh;
  margin: 0;
  display: grid;
  place-items: center;
}
html {
  font: 100%/1.5 system-ui;
}