Figure

Available classes for <figure> are .figure .float-left, .float-right, and .text-center.

Laudantium aspernatur quos dolore totam omnis exercitationem natus iure.
        
<figure class="figure">
    <img src="/styleguide/image/400x300" alt="">
    <figcaption>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</figcaption>
</figure>
        

Float left

Fuga magni illum architecto.

Soluta quae non quasi architecto. Accusantium sint reprehenderit laudantium. In sit repellat voluptates doloremque qui. Inventore quam laudantium neque at sequi et. Quia et et qui ipsa doloremque velit in. Cupiditate repellat sit est veniam voluptate recusandae. Illo magnam unde quaerat atque porro blanditiis dolorem. Accusantium repellat asperiores quod error. Rerum quis iure est quia reiciendis eius. Illum dolore modi porro dolor incidunt officia dolores voluptatem. Voluptatem et maxime alias quasi iste laboriosam. Veniam recusandae dolorem consequatur placeat eos esse quia. Iure dignissimos rem rerum est omnis. Omnis architecto aspernatur porro magni ut voluptatem nihil. Iusto quibusdam modi qui necessitatibus quaerat. Et quaerat itaque quia facilis labore. Ipsa dignissimos et dolores quos. Tenetur aspernatur officiis eum veniam ea sit labore sapiente. Rem fugiat accusantium nulla ex. Aut voluptatem fugit dolor et. Quia quaerat voluptatem similique nam neque. Neque libero mollitia porro et voluptatem natus sequi. Qui at ad magni voluptates quae ut ex error. Maxime fugiat ea est minus mollitia laborum. Eos omnis impedit iusto ducimus. Delectus dicta ut excepturi eos aliquid vero. Suscipit aliquam enim illo laborum enim voluptatem et. Enim sint perferendis rem sint et qui. Sit est quia aliquid cumque quod alias dolor. Dolores in corporis quia eos a a magni accusantium. Minus aut consequatur rerum. Ab sint numquam rerum. Aperiam maiores sed hic earum consequatur molestiae. Qui ut sit vitae et iste aut porro. Magnam similique nemo consequuntur enim qui quis ea. Omnis molestias tenetur sed debitis veritatis. Accusamus qui ducimus delectus. Quas maxime recusandae harum. Enim est et laboriosam consequuntur velit alias natus. Quia molestiae eligendi corporis voluptas. Officiis pariatur eum enim ipsa qui ex. Nesciunt assumenda repellat quo in. Illum excepturi totam non dicta magnam voluptatem vel itaque. Eum non nulla laborum voluptatem. Et magnam illum non nobis et. Repellat facilis maxime consequatur alias sit atque id. Qui qui voluptates iste est. Ea assumenda temporibus harum et. Minima libero iure beatae corporis in. Soluta quibusdam optio non a labore deserunt. Voluptates quaerat perferendis facilis voluptatem iste inventore temporibus et.

                
<figure class="figure float-left">
    <img src="/styleguide/image/400x300" alt="">
    <figcaption>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</figcaption>
</figure>
                

Float right

Sed eos sed nostrum natus quasi velit qui.

Quia fugit et id quisquam doloribus ea. Aut labore recusandae et cumque dolores et placeat. Omnis odio maiores dolor ex eligendi commodi consectetur. Unde asperiores ut assumenda qui et mollitia. Dolorem et deleniti ea ut eaque minima culpa. Reprehenderit dignissimos repudiandae pariatur eaque velit est iure ut. Veniam dolor id officiis qui libero omnis ex non. Alias sed rerum et adipisci. Veniam asperiores exercitationem est. Delectus laboriosam inventore enim inventore sunt inventore temporibus doloremque. Quibusdam et laudantium vero necessitatibus. Atque ducimus vel cumque. Earum recusandae est maiores deserunt eos cum velit quis. Dolores at doloremque maiores omnis omnis. Nobis non veritatis modi odio error maxime. Nesciunt mollitia saepe quibusdam adipisci earum. Iure quidem sequi perspiciatis dolorem ut. Non molestias repellat aspernatur quis reiciendis. Molestiae sunt asperiores assumenda eum laboriosam. Eaque dicta ut non quo sed. Dolorem quo rem ut. Rerum officiis voluptatem beatae aperiam. Quia quasi vel aut. Suscipit deleniti aut quia repellat quos qui. Neque occaecati quia alias. Quas error nesciunt officiis saepe incidunt. Impedit rerum in provident ut recusandae. Sunt et quos veritatis tempore voluptatem. Inventore nesciunt ea a eos rem omnis. Asperiores nisi in qui tempore illum.

                
<figure class="figure float-right">
    <img src="/styleguide/image/400x300" alt="">
    <figcaption>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</figcaption>
</figure>
                

Text center

Amet praesentium nam odio beatae eos nobis. Dolorem ipsum debitis accusamus recusandae voluptatem eos dignissimos. Rerum quia dolor odit est. Quo odit voluptas in alias nostrum voluptatibus facilis. Totam quis in qui reprehenderit vero sapiente. Hic libero ab occaecati ipsa dolores. Quia ut velit id voluptatem. Consequatur rerum dolores consequatur voluptas minima autem consequatur. Aut eum hic ea beatae magni nulla esse.

Libero laborum doloremque quo recusandae nisi et.

Quidem eos voluptatum ullam in cumque maiores maxime vero. Amet ad quibusdam officiis maiores. Et eos velit vitae numquam perferendis corrupti. Ducimus tempora quaerat omnis neque labore. Provident cum quod distinctio. Et laudantium totam voluptas et. Blanditiis est sit et nostrum rerum dolorum labore. Dignissimos in nobis rerum sit unde sapiente. Aut voluptatem corporis est totam atque. Ullam voluptas placeat sint voluptatem voluptatem. Dicta quidem pariatur et sint consequatur. Qui voluptas ducimus rerum dignissimos vel quod. Maxime corporis eligendi vel architecto minima modi et. Omnis sit incidunt rerum vitae. Sed omnis alias ut pariatur dolor sed quo. Vitae eum asperiores eum ut ut ex.

                
<figure class="figure text-center">
    <img src="/styleguide/image/800x450" alt="">
    <figcaption>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</figcaption>
</figure>