Image Alignment and Styles

July 1, 2014 by John Doe Posted in Tutorial


Full-Width

Quae ratione repellendus dolor, iste commodi corrupti eligendi ullam cupiditate, dignissimos omnis perspiciatis. Enim sequi nobis at alias perspiciatis voluptatibus numquam veniam recusandae voluptates doloribus voluptatum, minus omnis explicabo. Ratione natus, libero maiores qui accusantium beatae asperiores voluptatem ipsa, hic minus quidem fugit. Omnis rerum nesciunt saepe libero, cumque aliquid placeat officiis sit rem pariatur cupiditate tenetur, earum facere sed cum harum adipisci esse mollitia minima fuga doloremque reiciendis. Magnam possimus, eos voluptate.


Left Aligned Image

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, delectus perferendis debitis minima amet reprehenderit fugit sequi! Nisi minima provident fugit excepturi ratione. Mollitia voluptates veritatis sit, animi officia voluptatum. uae ratione repellendus dolor, iste commodi corrupti eligendi ullam cupiditate, dignissimos omnis perspiciatis. Enim sequi nobis at alias perspiciatis voluptatibus numquam veniam recusandae voluptates doloribus voluptatum, minus omnis explicabo. Ratione natus, libero maiores qui accusantium beatae asperiores voluptatem ipsa, hic minus quidem fugit. Omnis rerum nesciunt saepe libero, cumque aliquid placeat officiis sit rem pariatur cupiditate tenetur, earum facere sed cum harum adipisci esse mollitia minima fuga doloremque reiciendis. Magnam possimus, eos voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore asperiores aliquid ipsa repudiandae necessitatibus reiciendis, neque molestiae. Et tenetur, amet consectetur optio? In perspiciatis aliquam veritatis ut! Fugiat aliquam, error?


Right Aligned Image

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, delectus perferendis debitis minima amet reprehenderit fugit sequi! Nisi minima provident fugit excepturi ratione. Mollitia voluptates veritatis sit, animi officia voluptatum. uae ratione repellendus dolor, iste commodi corrupti eligendi ullam cupiditate, dignissimos omnis perspiciatis. Enim sequi nobis at alias perspiciatis voluptatibus numquam veniam recusandae voluptates doloribus voluptatum, minus omnis explicabo. Ratione natus, libero maiores qui accusantium beatae asperiores voluptatem ipsa, hic minus quidem fugit. Omnis rerum nesciunt saepe libero, cumque aliquid placeat officiis sit rem pariatur cupiditate tenetur, earum facere sed cum harum adipisci esse mollitia minima fuga doloremque reiciendis. Magnam possimus, eos voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore asperiores aliquid ipsa repudiandae necessitatibus reiciendis, neque molestiae. Et tenetur, amet consectetur optio? In perspiciatis aliquam veritatis ut! Fugiat aliquam, error?


Image with Caption

This is an example of image caption

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, delectus perferendis debitis minima amet reprehenderit fugit sequi! Nisi minima provident fugit excepturi ratione. Mollitia voluptates veritatis sit, animi officia voluptatum. uae ratione repellendus dolor, iste commodi corrupti eligendi ullam cupiditate, dignissimos omnis perspiciatis. Enim sequi nobis at alias perspiciatis voluptatibus numquam veniam recusandae voluptates doloribus voluptatum, minus omnis explicabo. Ratione natus, libero maiores qui accusantium beatae asperiores voluptatem ipsa, hic minus quidem fugit. Omnis rerum nesciunt saepe libero, cumque aliquid placeat officiis sit rem pariatur cupiditate tenetur, earum facere sed cum harum adipisci esse mollitia minima fuga doloremque reiciendis.

This is an example of image caption

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi voluptas non aliquam ab vero adipisci veniam maxime magnam optio consequatur. Id, expedita. Quod omnis, nemo impedit, libero temporibus pariatur laborum? Labore asperiores aliquid ipsa repudiandae necessitatibus reiciendis, neque molestiae. Et tenetur, amet consectetur optio? In perspiciatis aliquam veritatis ut! Fugiat aliquam, error. Magnam possimus, eos voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti autem est doloribus inventore doloremque quo quia sed recusandae modi fuga atque tenetur necessitatibus, aliquid laborum. Alias molestiae reprehenderit sit mollitia.