<div class="parent">
  <p>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste,
    perferendis ab dolor repudiandae animi quisquam laborum, rerum
    praesentium facere veniam, amet consequuntur facilis saepe
    doloremque cum eveniet totam sit dicta.
  </p>

  <br />

  <p>
    Lorem ipsum dolor sit, amet consectetur adipisicing elit.
    Reprehenderit consectetur sunt ipsum eius inventore maiores
    dolorem aliquam, nam, est, eos voluptatum beatae officiis
    aperiam! Nulla eos sit quam exercitationem ab.
  </p>

  <br />

  <p>
    Lorem ipsum dolor sit amet consectetur adipisicing elit.
    Corrupti distinctio officia inventore mollitia quos? Ab ex optio
    omnis ipsam vel, modi facere voluptatem ea doloribus, at
    voluptate quos, amet libero.
  </p>
</div>

@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");

.parent p {
  white-space: nowrap;
  width: 90vw;
  height: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Additional styling */
html,
body {
  padding: 0;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: large;
}

.parent {
  display: grid;
  justify-content: center;
  align-content: center;
  height: 100vh;
  width: 100vw;
}