Image layout

How to align images differently within text.

Images can be syled in 3 different ways. To do this, select the image, click on the 'styles' drop down menu and scroll to find 'img--left_user', 'img--right_user', and 'img--thin_user'. Here's what each of them look like around some generic text.

img--left_user:

Nunc justo nibh, imperdiet ut semper ut, congue ac massa. Integer massa felis, dapibus ac vestibulum eget, laoreet nec dolor. Mauris at orci massa. Vivamus scelerisque augue a felis tincidunt scelerisque. Donec varius adipiscing condimentum. 

Aerial image of campus styled left

Nam mattis, felis sed tempus congue, est nisi tristique nisi, vel placerat eros enim non turpis. Etiam faucibus tortor at lectus blandit porttitor! Vestibulum sodales lectus id nulla faucibus aliquam! Nam vestibulum scelerisque placerat. Phasellus placerat tortor eu massa porta id faucibus metus lacinia! Aenean malesuada, lectus et gravida accumsan, lectus lectus mollis urna, sed ultricies magna lectus sit amet orci. Nullam vitae congue urna. Nullam scelerisque facilisis libero sit amet pulvinar. Vestibulum sodales feugiat eleifend. Suspendisse facilisis, sem eu facilisis vulputate, nunc massa volutpat nisl, non pharetra lectus mi et dui. Donec sollicitudin erat eget nunc ornare auctor eget in metus.

 

img--right_user:

Nunc justo nibh, imperdiet ut semper ut, congue ac massa. Integer massa felis, dapibus ac vestibulum eget, laoreet nec dolor. Mauris at orci massa. Vivamus scelerisque augue a felis tincidunt scelerisque. Donec varius adipiscing condimentum. Nam mattis, felis sed tempus congue, est nisi tristique nisi, vel placerat eros enim non turpis. Nam vestibulum scelerisque.

Aerial image of campus styled right
Etiam faucibus tortor at lectus blandit porttitor! Vestibulum sodales lectus id nulla faucibus aliquam! Nam vestibulum scelerisque placerat. Phasellus placerat tortor eu massa porta id faucibus metus lacinia! Aenean malesuada, lectus et gravida accumsan, lectus lectus mollis urna, sed ultricies magna lectus sit amet orci. Nullam vitae congue urna. Nullam scelerisque facilisis libero sit amet pulvinar. Vestibulum sodales feugiat eleifend. Suspendisse facilisis, sem eu facilisis vulputate, nunc massa volutpat nisl, non pharetra lectus mi et dui. Donec sollicitudin erat eget nunc ornare auctor eget in metus.

 

img--thin_user:

Nunc justo nibh, imperdiet ut semper ut, congue ac massa. Integer massa felis, dapibus ac vestibulum eget, laoreet nec dolor. Mauris at orci massa. Vivamus scelerisque augue a felis tincidunt scelerisque. Donec varius adipiscing condimentum. Nam mattis, felis sed tempus congue, est nisi tristique nisi, vel placerat eros enim non turpis. Etiam faucibus tortor at lectus blandit porttitor! Vestibulum sodales lectus id nulla faucibus aliquam!

Aerial image of campus styled centrallyNam vestibulum scelerisque placerat. Phasellus placerat tortor eu massa porta id faucibus metus lacinia! Aenean malesuada, lectus et gravida accumsan, lectus lectus mollis urna, sed ultricies magna lectus sit amet orci. Nullam vitae congue urna. Nullam scelerisque facilisis libero sit amet pulvinar. Vestibulum sodales feugiat eleifend. Suspendisse facilisis, sem eu facilisis vulputate, nunc massa volutpat nisl, non pharetra lectus mi et dui. Donec sollicitudin erat eget nunc ornare auctor eget in metus.

Colleges

Professional Services