Meta-PokéBase Q&A
3 votes
315 views

I don't really know the HTML limits of this site lol

by
No, as answers/questions go theres not

1 Answer

2 votes
 
Best answer

Yup.

<details>
  <summary>Name of collapsible section</summary>
  <p>text inside of section</p>
</details>

=

Name of collapsible section

text inside of section


you can't do markdown in it but you can do more HTML:

<details>
      <summary>Name of collapsible section</summary>
      <p>
<ul>
  <li>Fruits
    <ul>
      <li>Apple</li>
      <li>Banana</li>
    </ul>
</ul>

=

Name of collapsible section

  • Fruits
    • Apple
    • Banana

You can also style it:

<div style="text-align: center;">
  <details style="display: inline-block; font-family: sans-serif; border: 1px solid #e2e8f0; border-radius: 8px; padding: 0.5rem; background: #f8fafc; text-align: left;">
    
    <summary style="font-size: 20px; background-color: #3b82f6; color: white; padding: 0.5rem 1.5rem; border-radius: 4px; cursor: pointer; font-weight: 600;">
      Name of collapsible section
    </summary>

    <ul style="font-size: 14px; list-style-type: disc; padding-left: 2rem; margin-top: 1rem; color: #475569;">
      <li>Fruits
        <ul style="list-style-type: circle; padding-left: 1.5rem; margin-top: 0.5rem;">
          <li>Apple</li>
          <li>Banana</li>
        </ul>
      </li>
    </ul>

  </details>
</div>

=

Name of collapsible section
  • Fruits
    • Apple
    • Banana
okay sorry guys i was having way too much fun with this and started breaking stuff so i brought it back to how it was before.
But also the box now automatically fits the adjustable text size I think so that's cool.
ago by
edited ago by
well that's cool.