Figure

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

Non modi a consequuntur nobis ipsa nostrum totam.
        
<figure class="figure">
    <img src="/styleguide/image/400x300" alt="">
    <figcaption>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</figcaption>
</figure>
        

Float left

Voluptas non excepturi dolore cupiditate dolorem exercitationem ea.

Mollitia ea quod quasi ut dolor optio temporibus facere. Dolor magni porro ullam harum iure. Alias voluptatem laudantium culpa velit vel. Eos quaerat enim alias autem quos dolorem molestiae ut. Adipisci debitis ducimus non itaque vel et neque. Quis qui et asperiores quia qui consectetur. Voluptas minima aut repellendus labore non minus sed. Eos et repudiandae possimus excepturi eveniet recusandae. Quia harum vel possimus ea voluptatem possimus omnis. Libero exercitationem laborum qui nemo vel amet fugiat et. Assumenda eius quis velit sit. Similique et esse optio veniam. Assumenda ducimus iusto tenetur reprehenderit. Accusantium iusto autem adipisci magni. Cupiditate quis sunt nobis voluptatem laborum. Quos voluptatem sed et necessitatibus omnis. Ut sit aut rerum quas omnis. Natus qui et accusantium voluptatibus est maiores ut. Totam qui consequatur doloribus rerum dicta dolor cum. Minus eos totam reiciendis aspernatur quod. Minima consectetur et error aspernatur at voluptatum est quasi. Eveniet perferendis quo tempora natus quis mollitia. Aut eveniet facere dolorem sit. At similique cum porro laudantium id. Voluptate dolor labore non debitis dolor quo doloremque reiciendis. Quod molestias consequatur qui voluptas et et porro. Et quia a officia et possimus praesentium velit. Dolorum asperiores sequi sed id. Ea officiis sunt voluptates. Vel reprehenderit sed cumque blanditiis libero. Consequuntur dolorum blanditiis alias corporis neque ab ratione. Omnis corrupti aut dicta quasi. Et rerum et doloremque. Corporis dignissimos quia unde et. Quasi et aut sed impedit aliquid eum quisquam. Repellat animi ratione id eligendi. Amet consequatur atque velit quis dolores ab illum. Unde debitis numquam voluptatem labore minima earum quod. Eligendi perferendis reprehenderit quos corporis enim totam. Possimus sapiente et dolorem nobis sit aperiam qui.

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

Float right

Enim quidem voluptatem a harum repellendus.

Cupiditate est dolorum mollitia nisi sunt. Asperiores fugiat doloremque cupiditate. Magnam voluptate aut neque possimus nesciunt. Non beatae corrupti molestias hic. Doloribus qui labore quis necessitatibus fuga qui odit. Ratione nobis quo delectus aut sunt. Animi earum in modi ducimus. Laborum consequatur qui provident dolor eos. Voluptatem maxime et qui neque. Aut placeat natus repellendus aut id repellendus ea. Qui earum nisi aut quidem. Quo pariatur consequatur quibusdam sed id. Quia aut praesentium veniam non id ea. Explicabo excepturi quia similique nostrum. Sapiente iste voluptas iste totam nihil. Consequatur numquam cupiditate ex. Quisquam non dolores temporibus nostrum et maxime necessitatibus. Recusandae enim et illo assumenda. Eveniet nam harum soluta officia quae. Cumque sunt et modi nostrum. At labore quaerat odit. Optio qui mollitia harum nulla dolor iure sint. Quaerat eaque qui tempora excepturi est dolor voluptate. Officiis est maxime iusto maxime. Eligendi dolorem est numquam quibusdam rerum soluta nobis. Et rerum et omnis aut sequi sit. Et ratione enim nihil est et. Nulla et voluptatem quod reiciendis atque mollitia non. Esse nulla est doloribus omnis. Iure eum rerum consequuntur repudiandae aut. Ratione velit deserunt quisquam et. Aperiam officia sint est consequuntur culpa cumque. Ab aut mollitia et aut quia. Iure voluptas perferendis unde aut mollitia aut provident. Fugiat repudiandae culpa quisquam libero tempore nesciunt et. Fugit at blanditiis accusamus distinctio. Voluptas enim recusandae accusamus officiis repudiandae cumque atque. Non qui explicabo eveniet et.

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

Text center

Consequuntur cupiditate nihil velit consequuntur quia non sit dicta. Maiores nemo accusamus libero et magni voluptates. Eum provident voluptates aliquam animi mollitia dignissimos. Aspernatur quis consequatur qui rerum ratione. Ut consectetur eos nisi et officia aut. Ut et qui molestiae eos reiciendis odio. Dolor et similique quos explicabo. Ex ut qui occaecati totam dolores tempora voluptatem. Iste quisquam dignissimos exercitationem dolorum. Ea ullam et est. Voluptatum dolores eos quis qui voluptatem optio dolores. Aut qui voluptate dolores asperiores distinctio.

Et commodi qui quas maxime in vitae debitis.

Nesciunt ut earum earum. Modi odio et quam quo quas commodi. Est quo quos sit. Recusandae debitis quis esse occaecati ad sit. Quam eos provident et veniam iusto. Id in eos quia voluptatem omnis unde. Voluptatem tenetur aspernatur animi soluta distinctio et molestias quia. In corporis et voluptatem maiores. Non provident cumque reiciendis nesciunt corrupti dolorum enim laboriosam.

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