<details open>
  <summary>Does it work?</summary>
  <p>Yes it does, amazing isn't it</p>
</details>
<details>
  <summary>And will it work as well?</summary>
  <p>As always, it will work and look fire</p>
</details>
<details>
  <summary>And just for the sake of being</summary>
  <p>We've got 3 details tags</p>
</details>

details{
  font-size: 40px;
  padding: 10px;
  border: 1px dashed #ccc;
  width: 20em;
}

details > summary{
    border: 2px solid #ddd;
    width: 15em;
    padding: 1%;
  background: lightgrey
}

details > p::before{
  content: "\00a0\00a0\00a0\00a0"
}