Emily aligned elements testing
Etiam porta sem malesuada magna mollis euismod. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor. Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. Here is a link in a non-aligned elment.
This paragraph should have default alignment. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Here is another non-aligned link because the first paragraph keeps left-aligning itself.3
0 This paragraph should be left aligned. It is the first aligned element in our group. It should always be read before the golpher photo and paragraphs that start with 2 and 3. On desktop it will appear after the right-aligned elements in the DOM, but mobile and screen readers should see elements in the correct order. On desktop (768px+) it should wrap around the right-aligned elements (if it were long enough to do so). Here is a link in an aligned element.
2 This paragraph should be right aligned and the photo that precedes should also be right aligned (at 768+).
3 This paragraph should be left aligned. Because alignment has changed more than once within the group of aligned elements, the previous block of aligned elements was closed and a new one was opened. That means this paragraph should start a new column (to the left of 4) rather than fill in under paragraph 0.
4 This paragraph should be right aligned Etiam porta sem malesuada magna mollis euismod. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.
5 This paragraph should be full-width with center-aligned text. An element that is either not a supported aligned element, a center-aligned element or an element with no set alignment will end the preceding group of aligned elements.
6 This should be right aligned. Because there are no left-aligned elements immediately before or after it it will appear with whitespace to the left on desktop.
7 headings are not supported as aligned elements yet
8 this should be left aligned and wrap around the right-aligned video. Nulla vitae elit libero, a pharetra augue. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Maecenas faucibus mollis interdum.Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo.Donec ullamcorper nulla non metus auctor fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu leo. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
8b left-aligned Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse lobortis, elit a tempus aliquet, nulla ante vestibulum metus, sit amet feugiat purus risus vel odio. Integer nisi elit, convallis quis elementum quis, fringilla et neque. Integer dignissim ut purus et rhoncus. Nam et nisi sollicitudin orci venenatis iaculis pellentesque eu odio. Nunc sagittis elementum gravida. Nulla rhoncus maximus elementum. Aliquam rutrum, risus in blandit ultrices, felis augue viverra turpis, quis ullamcorper ipsum risus eu enim. Proin eros dui, mattis a eros sit amet, scelerisque volutpat tellus. Aliquam erat volutpat. Sed lobortis, massa pulvinar ornare porta, odio lectus sagittis ipsum, et aliquam massa velit vitae risus.
8c left-aligned Praesent eu metus et nisi hendrerit vulputate vel sed leo. Ut a arcu nulla. Duis consequat, ante sit amet ullamcorper maximus, libero massa laoreet lectus, sit amet gravida odio eros eget ante. Ut sit amet fringilla quam, id feugiat tellus. In sem sem, ultricies nec imperdiet vitae, hendrerit vel arcu. Integer dui lectus, tincidunt porta metus vitae, aliquet ultrices massa. Suspendisse potenti. Nunc aliquam semper dui ac gravida. Ut nec tellus velit. Nullam sagittis enim sapien, sit amet pretium tortor varius lobortis. Quisque elementum massa ac massa imperdiet, et ultricies nibh interdum. Proin ac risus vitae turpis pellentesque finibus. Phasellus et nulla quis nunc sodales elementum ut in erat. Duis eros orci, mollis id aliquam a, accumsan vel sem.
9 This block quote should be right-aligned and indented
10 Right-aligned text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
13 no alignment set - this closes the aligned elements group, so any aligned elements that follow will be in a different group.
13b. trying a link here
14 this is a raw HTML bock. This paragraph and the following custom info box (which is part of the same HTML block but I can't number it) should be 50% width and right-aligned on desktop. For some reason Arc keeps reseting the alignment of HTML block elements so if you see it full-width and centered double-check that the alignment is still set to 'right' in composer.
Info Box: Atlanta University Center at a glance (infobox test emily)
The collection of historically Black colleges and universities that make up the Atlanta University Center has long been a symbol of excellence and education, with many of the schools’ beginnings dating back to the Reconstruction era following the Civil War.
The schools officially united as the Atlanta University Center Consortium in 1929 to share some services and programs, but each school maintains its own board of directors and president.
15 This is a block quote and should be left-aligned
16 left aligned text. Because it is shorter than the right-aligned content there will be white space underneath. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas faucibus mollis interdum. Donec sed odio dui.Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam id dolor id nibh ultricies vehicula ut id elit.
Aenean lacinia bibendum nulla sed consectetur. Donec id elit non mi porta gravida at eget metus. Donec sed odio dui. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui.Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Curabitur blandit tempus porttitor.Maecenas faucibus mollis interdum. Nullam quis risus eget urna mollis ornare vel eu leo. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nullam id dolor id nibh ultricies vehicula ut id elit.
Maecenas sed diam eget risus varius blandit sit amet non magna. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.
Donec id elit non mi porta gravida at eget metus. Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum.Cras mattis consectetur purus sit amet fermentum. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
About the Author
![function toUpperCase() { [native code] } logo](/resources/logos/DAWGNATION/dawgnation-header-logo.svg){kind=logo}