table

These are the table styles, imported by base.

Element	Category	Demo	Description
📝 Text & Inline Content
<h1>	Text	I SAID NO!	Top-level heading. The loudest kid in the room.
<h2>	Text	You Can't Make Me	Second-level heading.
<h3>	Text	That's So Unfair	Third-level heading.
<h4>	Text	You're Not Listening To Me	Fourth-level heading.
<h5>	Text	Nobody Understands Me	Fifth-level heading.
<h6>	Text	fine. whatever.	Sixth-level heading. Quietest, most defeated.
<p>	Text	You always blame everything on me and it's not even fair because Tyler did the exact same thing last week.	Paragraph. The full rant, unedited.
<a>	Text	Click here to see WHY I'm right	Hyperlink. Evidence gathering.
<strong>	Text	I AM NOT YELLING.	Strong importance. Bold for emphasis.
<em>	Text	I never said that. You're imagining things.	Stress emphasis. Italicised.
<mark>	Text	I specifically told you I had plans today.	Highlight. The receipts.
<del>	Text	I'll clean my room later. I won't.	Deleted text. Crossed out promises.
<ins>	Text	Actually, I did do my homework.	Inserted text. Corrections on the record.
<small>	Text	...you might technically have a point.	Small print. The reluctant concession.
<sub>	Text	H2O — I learned that myself, no help.	Subscript text.
<sup>	Text	210 = 1024. I'm good at maths ok.	Superscript text.
<abbr>	Text	NOYB. That's what.	Abbreviation with tooltip.
<cite>	Text	The Kid's Guide To Being Right, Ch. 4	Citation. Citing sources like a tiny lawyer.
<code>	Text	console.log("Not my fault")	Inline code.
<kbd>	Text	Press Ctrl + Z to undo bedtime.	Keyboard input.
<samp>	Text	ERROR: Not listening.	Sample output.
<var>	Text	excuses = ∞	Variable in expression.
<pre>	Text	Preformatted text. Preserves spacing.
<blockquote>	Text	"You'll understand when you're older." — Every adult ever, apparently.	Block quotation. For quoting the enemy.
<q>	Text	They literally said because I said so and expected that to work.	Inline quotation. Adds quotation marks.
<br>	Text	I'm done talking. I'm going to my room.	Line break. Dramatic exit, line by line.
<hr>	Text	Discussion over. New topic: Why I'm still right.	Thematic break. Drawing a line in the sand.
<wbr>	Text	SuperlongwordThatNeverEndsLikeMyArgument	Word break opportunity.
<bdi>	Text	Username: مَرحبا — still disagrees with you.	Bi-directional isolation.
<bdo>	Text	YOU'RE NOT FAIR	Bi-directional override. Complaint, mirrored.
<span>	Text	I specifically said I didn't want onions.	Generic inline container.
📋 Lists
<ul>	Lists	It wasn't me I was sleeping Tyler started it	Unordered list. Alibis, unranked.
<ol>	Lists	I asked nicely I asked again I got ignored This is YOUR fault	Ordered list. The timeline of injustice.
<li>	Lists	✏️ One individual grievance, listed.	List item.
<dl> <dt> <dd>	Lists	Bedtime A cruel and unusual punishment Vegetables A war crime disguised as dinner	Description list, terms and definitions.
🏗️ Semantic Structure
<header>	Semantic	⬆️ Header: My Opening Statement	Introductory container. Where the rant begins.
<footer>	Semantic	⬇️ Footer: ...and that's all I have to say.	Footer container. Mic drop placement.
<main>	Semantic	📄 Main content: The Core Grievance	Main content area. The heart of the complaint.
<nav>	Semantic	My Side Evidence Why I'm Right	Navigation. Navigating to vindication.
<section>	Semantic	§ Section: Witness Testimonies	Thematic section of content.
<article>	Semantic	📰 Article: Why Curfews Are Illegal (by me)	Self-contained content. The manifesto.
<aside>	Semantic	💬 Aside: Also, you forgot to pick me up last Tuesday.	Tangentially related content. Bonus complaints.
<div>	Semantic	A generic container for all my feelings.	Generic block container. No opinions.
<address>	Semantic	Kid In Charge My Room, 3rd Floor Do Not Enter	Contact info. Return address for complaints.
<time>	Semantic	The exact day you said I could	Machine-readable time. Timestamped receipts.
📝 Forms & Inputs
<form>	Form	📋 Official Complaint Form (wrapper)	Form container. The formal petition.
<input>	Form		Text input. Excuse box.
<input type="checkbox">	Form	I already did my homework	Checkbox. The checklist of lies.
<input type="radio">	Form	It was me It was Tyler	Radio buttons. Pick the correct scapegoat.
<input type="range">	Form	Unfairness level:	Range slider. Calibrated grievance meter.
<textarea>	Form		Multi-line text. The long complaint.
<select>	Form	This is unfair This is SO unfair Genuinely unbelievable	Dropdown. Curated injustice options.
<button>	Form	Submit Complaint 📮	Button. The submit-my-case button.
<label>	Form	Your name (the accused):	Form label. Labelling the responsible party.
<fieldset>	Form	Weekend Rules I Reject No screens Bed by 9	Fieldset groups related inputs.
<datalist>	Form		Suggested options for text input.
<progress>	Form	Patience remaining:	Progress bar. Patience running out.
<meter>	Form	Chores completed:	Scalar measurement within a range.
<output>	Form	VERDICT: Still Not My Fault	Calculation result. The verdict.
📊 Tables
<table> <thead> <tbody> <tr> <th> <td>	Table	Rule My Opinion Bedtime 8pm Illegal 🚫 No dessert Cruel 😤 Eat veggies Barbaric 💀	Full table structure. Evidence, organised.
<tfoot>	Table	3 rules 3 complaints Total: 100% Unfair	Table footer row. The tally of injustices.
<caption>	Table	Rules I Disagree With All of them Every single one	Table caption/title.
<colgroup> <col>	Table	Column 1 Column 2	Column styling groups.
🖼️ Media & Embedding
<img>	Media	😤 Me, every evening.	Image element. The evidence photo.
<figure> <figcaption>	Media	📱 Exhibit A: The confiscated phone.	Figure with caption. Exhibit labelling.
<video>	Media	▶️	Video embed. Security footage of the incident.
<audio>	Media	🎵 Recording of the argument	Audio element. Audio receipts.
<source>	Media	<source src="proof.mp4">	Media source. Multiple proof formats.
<picture>	Media	Responsive image with multiple <source> variants. Right look, every screen.	Responsive image container.
<canvas>	Media		Drawing surface. Reluctant artwork.
<iframe>	Embed	📦 Embedded page (another kid's room)	Embedded frame. Borrowing someone else's argument.
<svg>	Media		Inline SVG. Scalable sass.
<map> <area>	Media	Clickable image regions. Mapping exactly whose fault each zone is.	Image map with clickable areas.
🔧 Interactive & Disclosure
<details>	Semantic	My Side Of The Story ▾ Okay so it started last Tuesday when nobody told me we had to leave early and I was mid-level on my game and…	Disclosure widget. The full story, on demand.
<dialog>	Semantic	Open Dialog FINAL WARNING If you tell me to clean my room one more time, I am running away. To grandma's. She lets me do whatever. Fine. Whatever.	Modal dialog. The ultimatum popup.
🧠 Head & Meta Elements
<title>	Meta	<title>Why I'm Right: A Documentation</title>	Page title. Shown in the browser tab.
<meta>	Meta	<meta name="author" content="Not The Problem Child">	Metadata. Establishing the narrative early.
<link>	Meta	External resource link. Loading the style system.
<style>	Meta	Inline CSS. Hiding inconvenient truths.
<script>	Script	console.log("You can't ground JavaScript.")	JavaScript block. Code that runs unsupervised.
<noscript>	Script	JS disabled. Everything is worse now. Happy?	Fallback when JS is unavailable.
<base>	Meta	<base href="/my-argument/">	Base URL for all relative links.
🌀 Miscellaneous
<ruby> <rt> <rp>	Text	不公平(unfair)	Ruby annotation. Unfair in any language.
<template>	Meta	Hidden content fragment. Pre-loaded excuses, ready to deploy.	Inert HTML template for JS cloning.
<slot>	Meta	Web component slot. Reserved space for future complaints.	Placeholder in web components.