<div class="wrapper">
  <p>I have lived in the following countries:</p>
  <ul>
    <li>Switzerland</li>
    <li>Norway</li>
    <li>United Kingdom</li>
    <li>United States</li>
  </ul>
</div>
<div class="wrapper">
  <p>I have lived in the following countries (given in the order of when I first lived there):</p>
  <ol>
    <li>Switzerland</li>
    <li>United Kingdom</li>
    <li>United States</li>
    <li>Norway</li>
  </ol>
</div>

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

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  inline-size: 100vw;
  min-block-size: 100vh;

  display: flex;
  justify-content: center;
  align-items: center;

  gap: 40px;
  font-family: "Exo", Arial, sans-serif;
  background-color: #f7f7f7;
  line-height: 2;
}

.wrapper {
  max-width: 40vw;
}