title: how do i make vertical text fill full page height without adding space
body: <p>i have been stuck with this problem for days now and can't solve it
  basically i have a page with vertical text in a div that has these properties :</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.sideText {            
      white-space: nowrap;
      writing-mode: vertical-rl;
      position: absolute;
      color: var(--primary-color);
      left: 0;
  }</code></pre>
  </div>
  </div>
  </p>
  <p>it is a very long text (whole paragraph)</p>
  <p>what i am trying to achieve is that this text takes the entire height of page (this div is the first tag inside body)</p>
  <p>when i try to give it :</p>
  <pre><code>height: 100%;
  </code></pre>
  <p>it takes the height of the viewport and stops right after
  any suggestion on how i can do this ?
  thank you all</p>
  <p>Edit: adding reproducible page</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>        .sideText {            
              white-space: nowrap;
              writing-mode: vertical-rl;
              position: absolute;
              color: var(--primary-color);
              left: 0;
          }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;body&gt;
    &lt;div id="sideText" class="fs-1 fw-bold sideText"&gt;
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget malesuada mi, tempus posuere elit. Donec eget massa a orci ultrices facilisis at id velit. Duis in purus diam. Phasellus tortor sem, porta a augue ac, porttitor ultricies quam. In metus mi, volutpat eu urna quis, consequat tristique velit. Suspendisse malesuada blandit arcu, in malesuada dui pulvinar non. Fusce ullamcorper, nibh sit amet tempor ullamcorper, mauris mauris aliquam nunc, eu aliquet ipsum velit eget leo. Nam varius pulvinar condimentum. Sed egestas libero vel lacus placerat mollis. Nullam vehicula sollicitudin dui. Proin vel accumsan arcu. Vestibulum in risus vehicula, eleifend enim at, lobortis elit. Fusce aliquam efficitur sapien, nec cursus urna tincidunt eget.
      &lt;/div&gt;
      &lt;div style="margin:10px;"&gt;
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget malesuada mi, tempus posuere elit. Donec eget massa a orci ultrices facilisis at id velit. Duis in purus diam. Phasellus tortor sem, porta a augue ac, porttitor ultricies quam. In metus mi, volutpat eu urna quis, consequat tristique velit. Suspendisse malesuada blandit arcu, in malesuada dui pulvinar non. Fusce ullamcorper, nibh sit amet tempor ullamcorper, mauris mauris aliquam nunc, eu aliquet ipsum velit eget leo. Nam varius pulvinar condimentum. Sed egestas libero vel lacus placerat mollis. Nullam vehicula sollicitudin dui. Proin vel accumsan arcu. Vestibulum in risus vehicula, eleifend enim at, lobortis elit. Fusce aliquam efficitur sapien, nec cursus urna tincidunt eget.
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>