HHS Styleguide
← Back to site

Content with Media

Two-column block pairing rich text with an image. Text position is controlled by thetextPosition field in the CMS (left or right).

textPosition: left

Image on the Right

Rich text appears on the left, with the image positioned to the right. This layout works well for leading with copy.

A second paragraph to show multi-paragraph support and spacing between blocks of text.

textPosition: right

Image on the Left

When textPosition is set to right the image moves to the left and text flows on the right side.