JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
        <li>
          Der Hund lag tot im Bett
          <div class="Details">
                Nach einer umfangreichen Schlemmerei<br /> im       
                Nobelhundehotel"Wauwau-City" trottete Waldi gemächlich  
                nach Hause.<br />
              Dort angekommen......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              ......<br />
              Ende versteckter Text                 
          </div>
        </li>
        <li>
          Die Katze und die Maus<br />
          Dort angekommen......
        </li>          
      </ul>

CSS

.Details
{
    display: none;
}

li:hover .Details
{
    display: inline-block;
}