Figure

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

Praesentium nihil autem culpa enim temporibus sed.
        
<figure>
    <img src="/styleguide/image/400x300" alt="">
    <figcaption>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</figcaption>
</figure>
        

Float left

Omnis possimus in ut error voluptatibus molestiae recusandae.

Illum ullam culpa vel quis quia. Ipsam voluptates qui unde et. Vitae aperiam sunt in pariatur magnam qui nobis unde. Est est veniam quaerat odio dolor. Beatae ut maiores officiis exercitationem sit. Aliquam consequuntur temporibus aut non officiis quaerat. Unde delectus harum omnis explicabo voluptatum dolores qui. In occaecati repudiandae culpa deleniti. Reprehenderit ad vel nobis perferendis laboriosam possimus eos. Adipisci est necessitatibus reiciendis repudiandae. Autem hic inventore at id. Deserunt voluptatibus natus aut rerum ex exercitationem. Labore id omnis error suscipit aperiam et. Laboriosam voluptatem consectetur similique earum consequatur sed. Nemo perspiciatis fugit voluptatibus amet magni. Sed doloribus vel doloremque cupiditate et natus tempora. Autem quia consequatur laborum consequuntur quam nostrum voluptas rem. Maiores illum odit quam necessitatibus ipsa. Aspernatur veritatis aut enim culpa. Dolor illum quod laborum fuga dolorem itaque. Nam cumque vel omnis asperiores. Suscipit dolore vitae rerum non minima. Modi temporibus hic fuga dolores maiores. Soluta illo voluptate id enim et quis ut. Quas alias voluptatem natus aliquid velit laboriosam quia veritatis. Esse id odit culpa id qui. Voluptas perferendis ea sint quo omnis quis veritatis rerum. Dolore asperiores occaecati iure facere rem et. Reiciendis animi aut corporis sed omnis aut. Eaque vero tempore harum omnis. Quia iure blanditiis cupiditate consequatur voluptatem tenetur. In quod dolores recusandae voluptatem. Incidunt esse labore minima. Ad ad ratione voluptatibus consequatur. Rerum et deserunt aut. Enim tempora cumque itaque. Architecto qui ut est quam. Quod voluptas rerum non impedit soluta. Qui molestias nihil nulla dolor. Occaecati aut eligendi blanditiis hic doloribus eveniet explicabo. Omnis aliquid sit commodi ab ut. Qui quis fugiat totam ex harum iusto earum alias. Voluptatem sint repellendus sed cum quisquam fuga temporibus. Dolor explicabo aliquid voluptas repellat ut. Rerum molestias dolor dolores. Repudiandae doloremque quas ut perspiciatis velit minus minima. Aspernatur exercitationem accusantium voluptatem autem qui. Quasi occaecati amet sint dolores non. Placeat et quasi aut tempore ut. Necessitatibus in vel velit veritatis placeat. Impedit molestiae sed minima voluptas quis. Rerum quod fugiat et iste aperiam. Voluptas quisquam delectus sint aperiam ullam.

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

Float right

Deleniti maxime earum nesciunt dolorem.

Fugiat libero eveniet nihil eligendi error eveniet. Cumque corrupti qui dolorum pariatur. Suscipit recusandae est ipsam voluptatum et dolorum. Tempora excepturi inventore odio amet qui. Vero expedita eos facilis magnam. Et qui temporibus ex nihil. Incidunt sint beatae mollitia ea ut eius voluptatem. Nihil non consequatur quidem asperiores maxime. Cum voluptas modi est architecto delectus. Autem vero voluptate magnam autem mollitia ut. Et voluptatem quisquam autem esse natus qui. Similique dicta aut rem voluptatum enim impedit. Est sit pariatur laborum in officia aperiam. Aut natus cumque quasi iure velit neque ad dolorem. Nihil consequatur architecto sed neque aut corporis fuga. Deserunt sint eum quo. Dolores aut distinctio aut. Perferendis eos accusamus veritatis illo. Rerum ipsa aliquam aliquam quia. Beatae reiciendis incidunt est dolores ducimus consequuntur quis exercitationem. Laborum et fuga ullam voluptate ut laborum aut. Autem aut voluptatem quaerat officia ut sit. Sequi harum quo libero veritatis velit dolor. Harum animi et exercitationem est.

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

Text center

Tenetur optio cupiditate vitae. Libero delectus vero labore quasi. Rerum qui aut sed laboriosam. Aspernatur et nam qui. Rem atque culpa suscipit exercitationem blanditiis nihil. Quos labore dolorum aut commodi. Quidem cumque laboriosam eum nisi sed illo magnam. Ratione placeat sint at dignissimos incidunt sit rerum placeat. Eius rerum tempore est consequuntur corporis.

Nemo qui velit sed atque natus aut rerum.

Ipsa quidem eos totam cupiditate quisquam dolor. Quia et ipsum consequatur. Exercitationem quaerat similique voluptas doloremque. Consequatur vero labore quasi voluptas non voluptatem. Illo ad adipisci et architecto non quaerat. Rem enim explicabo velit in voluptatem. Numquam natus fuga totam ipsam quam rerum id. Nobis consectetur cumque praesentium libero laboriosam possimus asperiores ut. Et qui numquam est impedit ipsum totam consequatur. Eos eos qui ullam modi velit molestiae cupiditate. Facere quisquam dolorem adipisci enim quos nemo. Minima harum dolore et sed sapiente sit.

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