Figures and Captions

HTML validator. Used in the post Brief Note on Figure and Figcaption Support.

Code Block

textarea, input, button {
  font: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
}

Properties and styles that let your forms inerit your surrounding font styles.

Content that lives between the examples. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget imperdiet ligula. Phasellus porttitor nulla in quam hendrerit pharetra. Nunc ut tortor eu enim interdum pellentesque.

Table with `<caption>`

Brew Ratios
Type	Beans	Water
Pourover	30g	500g
French Press	30g	500g
Espresso	18g	120g

Adjust as you see fit. I'm not your dad.

Content that lives between the examples. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget imperdiet ligula. Phasellus porttitor nulla in quam hendrerit pharetra. Nunc ut tortor eu enim interdum pellentesque.

Table sans `<caption>`

Type	Beans	Water
Pourover	30g	500g
French Press	30g	500g
Espresso	18g	120g

Brew ratios. Adjust as you see fit. I'm not your dad.

Content that lives between the examples. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget imperdiet ligula. Phasellus porttitor nulla in quam hendrerit pharetra. Nunc ut tortor eu enim interdum pellentesque.

Video with Audio

Fall leaves in the wind with sunlight reflected off the lake.

Content that lives between the examples. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget imperdiet ligula. Phasellus porttitor nulla in quam hendrerit pharetra. Nunc ut tortor eu enim interdum pellentesque.

Video sans Audio

Fall leaves in the wind with sunlight reflected off the lake.

Content that lives between the examples. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget imperdiet ligula. Phasellus porttitor nulla in quam hendrerit pharetra. Nunc ut tortor eu enim interdum pellentesque.

Image with `alt`

A black t-shirt with bold pink all-caps text that reads ‘PUNCH NAZIS’. — The ‘PUNCH NAZIS’ tee we all need.

Content that lives between the examples. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget imperdiet ligula. Phasellus porttitor nulla in quam hendrerit pharetra. Nunc ut tortor eu enim interdum pellentesque.

Image with `title`

A black t-shirt with bold pink all-caps text that reads ‘PUNCH NAZIS’. — The ‘PUNCH NAZIS’ tee we all need.

Content that lives between the examples. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget imperdiet ligula. Phasellus porttitor nulla in quam hendrerit pharetra. Nunc ut tortor eu enim interdum pellentesque.

Image with `aria-label`

The ‘PUNCH NAZIS’ tee we all need.

Content that lives between the examples. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget imperdiet ligula. Phasellus porttitor nulla in quam hendrerit pharetra. Nunc ut tortor eu enim interdum pellentesque.

Image sans Text Alternative

The ‘PUNCH NAZIS’ tee we all need.

Content that lives between the examples. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget imperdiet ligula. Phasellus porttitor nulla in quam hendrerit pharetra. Nunc ut tortor eu enim interdum pellentesque.