HTML

<pre>
     <div class="wrapper">
          <details>
               <summary>Click me to see more details</summary>
               Lorem ipsum dolor sit amet consectetur adipisicing elit.
          </details>
     </div>
</pre>

CSS

.wrapper {
    display: flex;
    justify-content: center;
    padding: 30px;
}
details {
    max-width: 100%;
    width: 100%;
}
summary {
    background-color: #191a1d;
    cursor: pointer;
    margin-bottom: 15px;
    padding: 15px;
}

Result

Click me to see more details

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Back To TIL