<div class="textContainer" aria-hidden="true">
  <span style="--i: 0;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 1;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 2;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 3;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 4;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 5;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 6;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 7;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 8;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 9;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 10;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 11;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 12;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 13;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 14;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 15;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 16;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 17;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 18;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 19;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 20;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 21;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 22;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
  <span style="--i: 23;">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
</div>
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

*, *::before, *::after {
    padding: 0;
    margin: 0 auto;
    box-sizing: border-box;
}

body {
  font-family: 'Lobster', cursive;
  background-color: #000;
  color: #fff;
  min-height: max(100vh, 40em);
  display: grid;
  place-items: center;
}

.textContainer {
  position: relative;
  
  span {
    position: absolute;
    width: 1em;
    font-size: 60px;
    white-space: nowrap;
    text-indent: calc(var(--i) * -1em);
    overflow: hidden;
    transform:
      translate(-50%, -50%)
      rotate(calc(15deg * var(--i)))
      translateY(calc(-1em / sin(15deg)));
    
    /* temporarily */
    outline: 2px solid red;   
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://assets.codepen.io/1948355/twitterButton-2.1.0.js