What am I trying to achieve is: https://toyhou.se/SIRIFYS-AL

The code’s like here: https://www.w3schools.com/bootstrap/bootstrap_tabs_pills.asp

I tried using

<details><summary>click to see more!</summary>content 1</details>
<details><summary>click to see even more than more!</summary>content 2</details>

The problem is that whenever I add more than one of those “accordions”, they sort in a column, but I need them to appear in a row (even tables don’t work).

I don’t believe it’s impossible with HTML and CSS only, but I’m not very good at it, so I’d appreciate any help.