Image with a Caption Floated Right

Image with a Caption Floated Right

To float a captioned image to the right, add the class cap-r to the figure tag.

Small Image

The small width adds the class size-s to the figure tag. The small width class will limit the image width to 250px.

Example

Nullam ac lectus nec est hendrerit lobortis. Nam vel augue eu sapien adipiscing ullamcorper vel a nunc. Morbi blandit fringilla blandit.

Aenean mi mi, vestibulum a consectetur egestas, elementum quis libero. Aliquam vitae congue purus, ac facilisis nisl. Morbi non lacinia tellus. In vel ipsum iaculis, dictum enim vitae, pellentesque purus. Nam eleifend turpis nisi, vel malesuada turpis ullamcorper sit amet. Quisque vel turpis lacinia, sollicitudin quam eget, malesuada metus. Etiam adipiscing feugiat.

Suspendisse eu velit gravida neque tempus tempor vitae quis erat. Integer malesuada neque quis sem vestibulum, tempor faucibus arcu scelerisque. Nulla ac risus id ipsum ultricies vehicula.


Medium Width

The medium width adds the class size-m to the figure tag. The medium width class will limit the image width to 350px.

Exammple

Nullam ac lectus nec est hendrerit lobortis. Nam vel augue eu sapien adipiscing ullamcorper vel a nunc. Morbi blandit fringilla blandit.

Aenean mi mi, vestibulum a consectetur egestas, elementum quis libero. Aliquam vitae congue purus, ac facilisis nisl. Morbi non lacinia tellus. In vel ipsum iaculis, dictum enim vitae, pellentesque purus. Nam eleifend turpis nisi, vel malesuada turpis ullamcorper sit amet. Quisque vel turpis lacinia, sollicitudin quam eget, malesuada metus. Etiam adipiscing feugiat.

Suspendisse eu velit gravida neque tempus tempor vitae quis erat. Integer malesuada neque quis sem vestibulum, tempor faucibus arcu scelerisque. Nulla ac risus id ipsum ultricies vehicula.


Large Width

The large width adds the class size-l to the figure tag. The large width class will limit the image width to 400px.

Example

Nullam ac lectus nec est hendrerit lobortis. Nam vel augue eu sapien adipiscing ullamcorper vel a nunc. Morbi blandit fringilla blandit.

Aenean mi mi, vestibulum a consectetur egestas elementum quis libero. Aliquam vitae congue purus, ac facilisis nisl. Morbi non lacinia tellus. In vel ipsum iaculis, dictum enim vitae, pellentesque purus. Nam eleifend turpis nisi, vel malesuada turpis ullamcorper sit amet. Quisque vel turpis lacinia, sollicitudin quam eget, malesuada metus. Etiam adipiscing feugiat.

Suspendisse eu velit gravida neque tempus tempor vitae quis erat. Integer malesuada neque quis sem vestibulum, tempor faucibus arcu scelerisque. Nulla ac risus id ipsum ultricies vehicula.