Skip to main content

Image - Floating

An image that is left- or right-aligned with text wrapping around it. It includes an optional caption.

On this page

Example

Students study at the tables singing the sides of the Law Library’s reading room. The candelabra-inspired lighting fixtures and tall stained glass windows fill the space with a warm glow.
Nunc pharetra volutpat risus lobortis nisl sit. Donec dignissim volutpat turpis facilisi et sit sed turpis aliquam. Sem consectetur at pulvinar ut viverra est integer risus magna.

Elit sed quam elit sagittis. Aliquam amet vehicula purus diam id cras lorem interdum cras. Orci massa mauris pharetra iaculis pulvinar egestas eu. Sed cras neque pellentesque suspendisse aliquam quis. Integer consectetur odio enim porttitor. Elit eget vestibulum facilisis mollis in nisi. Metus metus diam in tortor fermentum ut iaculis metus nullam. Sed sagittis sit augue

Elit sed quam elit sagittis. Aliquam amet vehicula purus diam id cras lorem interdum cras. Orci massa mauris pharetra iaculis pulvinar egestas eu. Sed cras neque pellentesque suspendisse aliquam quis. Integer consectetur odio enim porttitor.

Vel sed in eget mauris ultrices fames. Nec molestie ut pellentesque netus morbi enim risus diam. Diam molestie nibh luctus quis nunc. Sed magnis rhoncus urna maecenas tempor. Aliquet rhoncus diam non orci magnis id. Dui eu diam odio feugiat nisl augue consequat. Consequat tellus congue tincidunt massa venenatis.

Elit sed quam elit sagittis. Aliquam amet vehicula purus diam id cras lorem interdum cras. Orci massa mauris pharetra iaculis pulvinar egestas eu. Sed cras neque pellentesque suspendisse aliquam quis. Integer consectetur odio enim porttitor.

Erat sem tellus non interdum vulputate mi in condimentum. Sed tempor sed lectus consectetur consectetur. Elementum a et a viverra. Purus amet iaculis purus et senectus viverra eget.

Elit sed quam elit sagittis. Aliquam amet vehicula purus diam id cras lorem interdum cras. Orci massa mauris pharetra iaculis pulvinar egestas eu. Sed cras neque pellentesque suspendisse aliquam quis. Integer consectetur odio enim porttitor. Elit eget vestibulum facilisis mollis in nisi. Metus metus diam in tortor fermentum ut iaculis metus nullam. Sed sagittis sit augue adipiscing mattis mauris. Sit risus sit nullam hac in iaculis. Sed et odio tincidunt nisi. Sodales est adipiscing viverra in. Turpis egestas ac consequat cursus tortor ultrices imperdiet sit. Proin at mus tristique hendrerit pretium in risus.

When to use

Floating images can be used to enhance text content. They can also be used to break up text and provide visual interest on the page.

Guidelines

  • Use when the image is contextually relevant to the surrounding text
  • Ensure that there is enough text content to wrap around the image

Accessibility

Include alternative text on images.