JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="text">скрыто</div>
  <p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Языком точках от всех, использовало образ скатился рукописи, мир жаренные! Океана знаках, взобравшись страну над однажды рукописи его бросил. Если, журчит.</p>
</div>

CSS

.wrapper {
  width: 320px;
  overflow: hidden;
  border: 1px solid #000
  
}
.text {
  transform: translatex(400px);
}