<body>
 <div class="box">
  <ul>
    <li>grgdgdrg fdsfds sfdsdf fds fdsfdsfsdf fdssfd sddf fsdfdsfdds</li>
    <li>gdrftht hythfdfh</li>
    <li>hfthfjuj</li>
    <li>esfsfs</li>
    <li>sefsgr rgrgrff</li>
  </ul>
 </div>
</body>
body {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.box {
  border: 2px solid #000;
  min-width: 100px;
  max-width: 600px;
}
ul, li {
  list-style: none;
  margin-top: 20px;
  font-size: 20px;
  padding-left: 25px;
  padding-right: 25px;
}

li {
  white-space: pre-line;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.