Browse documentation

Figure

figure/figcaption wrap any content, commonly a table or image, with an optional caption underneath.

Live UI · Default buildAuthentic Cirth · shell overrides declared in source

Build	Size
cirth.min.css	~10 KB gzip

Table 1. Example figure caption.

Show HTML

<figure>
  <table>
    <thead>
      <tr>
        <th scope="col">Build</th>
        <th scope="col">Size</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>cirth.min.css</td>
        <td>~10 KB gzip</td>
      </tr>
    </tbody>
  </table>
  <figcaption>Table 1. Example figure caption.</figcaption>
</figure>

<figure>
  <table>…</table>
  <figcaption>Table 1. Example figure caption.</figcaption>
</figure>

figcaption is muted (--cirth-muted-color) with vertical padding; figure itself has no margin or padding of its own, so it doesn't add spacing beyond what its content already has.