
Content, image media on left.
A second line to illustrate the line height.
Content, video media on right.
Do not stack on mobile

Content, image media on left.
Vertical alignment

Top

Middle

Bottom
Alignment

No alignment

Wide

Full width
Media width

Media width 20

Media width 80
Color

Content, image media on left. Text color.

Content, image media on left. Text color and link color.

Content, image media on left. Background, text color and link color.
Typography
Font size

Content, image media on left.

Content, image media on left.

Content, image media on left.

Content, image media on left.
Appearance

Content, image media on left.

Content, image media on left.
Line height

Content, image media on left.
A second line to illustrate the line height.
Letter spacing

Content, image media on left.
A second line to illustrate the line height.
Decoration

Content, image media on left.
A second line to illustrate the line height.

Content, image media on left.
A second line to illustrate the line height.
Letter case

Content, image media on left.
A second line to illustrate the line height.

Content, image media on left.
A second line to illustrate the line height.

Content, image media on left.
A second line to illustrate the line height.