Board Thread:Support Requests - Getting Technical/@comment-29883180-20201021042543

Hey! So on my wiki we're making a collapsible key template but I've run into a bit of an issue.

Originally we had it as so:

But recently we decided to change it to have a solid background for visibility sake (as seen on Our template here. Leaving the width blank results in the key elongating to 100% and we don't want it, so I set style="width:20%" for the div. However, we've now run into a problem where the width is being applied to the table as well, squish all the text within it. Moving a closing div to the top results in the table not being applied to the template and instead appearing under it.

So, my question is: How do you create something collapsible that doesn't take up the entire page but also doesn't squish it's contents? If I can't do that using our div code, is their a way I can do this using a modified version of our original table coding to give it a blue background or can that only appear transparent? 