<div class="wrapper">
  <h1 class="title">
    Some title
  </h1>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi temporibus itaque magnam, aut eligendi, laboriosam natus fugit dolorum eius aperiam quibusdam quos ad, consectetur quasi laudantium reiciendis ab placeat eos quidem fuga esse. Sequi accusamus vel molestias soluta enim facilis nulla delectus beatae repellendus laboriosam, aliquid doloremque. Pariatur tempore aperiam nemo ut voluptatem magnam quaerat quas officia facilis nisi? Beatae illum et dolorem corporis quidem deleniti ipsa tenetur! Impedit possimus accusantium suscipit. Tenetur, nam! Officiis asperiores expedita excepturi modi! Alias praesentium ullam molestias at non atque quod placeat recusandae? Atque deleniti, enim excepturi doloribus pariatur et nam perspiciatis consectetur assumenda?</p>
  <h1 class="title">
    Some title
  </h1>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi temporibus itaque magnam, aut eligendi, laboriosam natus fugit dolorum eius aperiam quibusdam quos ad, consectetur quasi laudantium reiciendis ab placeat eos quidem fuga esse. Sequi accusamus vel molestias soluta enim facilis nulla delectus beatae repellendus laboriosam, aliquid doloremque. Pariatur tempore aperiam nemo ut voluptatem magnam quaerat quas officia facilis nisi? Beatae illum et dolorem corporis quidem deleniti ipsa tenetur! Impedit possimus accusantium suscipit. Tenetur, nam! Officiis asperiores expedita excepturi modi! Alias praesentium ullam molestias at non atque quod placeat recusandae? Atque deleniti, enim excepturi doloribus pariatur et nam perspiciatis consectetur assumenda?</p>
  <h1 class="title">
    Some title
  </h1>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi temporibus itaque magnam, aut eligendi, laboriosam natus fugit dolorum eius aperiam quibusdam quos ad, consectetur quasi laudantium reiciendis ab placeat eos quidem fuga esse. Sequi accusamus vel molestias soluta enim facilis nulla delectus beatae repellendus laboriosam, aliquid doloremque. Pariatur tempore aperiam nemo ut voluptatem magnam quaerat quas officia facilis nisi? Beatae illum et dolorem corporis quidem deleniti ipsa tenetur! Impedit possimus accusantium suscipit. Tenetur, nam! Officiis asperiores expedita excepturi modi! Alias praesentium ullam molestias at non atque quod placeat recusandae? Atque deleniti, enim excepturi doloribus pariatur et nam perspiciatis consectetur assumenda?</p>
  <h1 class="title">
    Some title
  </h1>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi temporibus itaque magnam, aut eligendi, laboriosam natus fugit dolorum eius aperiam quibusdam quos ad, consectetur quasi laudantium reiciendis ab placeat eos quidem fuga esse. Sequi accusamus vel molestias soluta enim facilis nulla delectus beatae repellendus laboriosam, aliquid doloremque. Pariatur tempore aperiam nemo ut voluptatem magnam quaerat quas officia facilis nisi? Beatae illum et dolorem corporis quidem deleniti ipsa tenetur! Impedit possimus accusantium suscipit. Tenetur, nam! Officiis asperiores expedita excepturi modi! Alias praesentium ullam molestias at non atque quod placeat recusandae? Atque deleniti, enim excepturi doloribus pariatur et nam perspiciatis consectetur assumenda?
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius fuga odio, iusto expedita aspernatur libero beatae? Autem voluptas vitae, doloremque impedit commodi expedita. Quaerat quam reiciendis deleniti, ullam nulla ipsum reprehenderit non soluta culpa amet? Quo ab sunt tenetur ut eius et nam dolore dolores, nulla, assumenda soluta rerum incidunt?</p>
</div>

body {
  counter-reset: t;
}

.wrapper {
  max-width: 1024px;
  padding: 1rem;
}
h1 {
  counter-increment: t;
  max-width: 250px;
  margin: 0;
  line-height: 1;
}

p {
  margin: 0.25em;
}

h1::before {
  content: counter(t);
}
h1::first-letter {
  font-size: 3em;
  color: red;
  float: left;
  line-height: 1;
}