7-rows edit

<!-- components/7-rows/content-row.php --> <!-- Uses the same js as main content area, specifically: - photo captions (which uses imagesLoaded) - scrollable tables --> <!-- current as of Feb 8 2023 pasted from live site --> <section class="page-theme-wrapper h-theme-white"> <div class="ContentRow layout__main-container user_content_styles -centered"> <div class="layout__grid-container"> <div class="layout__user-content"> <h3 class="sr-only">Title</h3> <h5>Has -centered class</h5> <h6>Application Requirements</h6> <p>Our application deadlines are grouped into four admission rounds so that we can craft a truly diverse cohort of MBA candidates. While we recommend applying early, we encourage you to select a round that allows you ample time to prepare your best application package. Rounds 1 - 4 provide the greatest opportunity for admission and scholarship consideration, however, we typically use later rounds to round out our talented class.</p> </div> </div> </div> </section> <section class="page-theme-wrapper h-theme-white"> <div class="ContentRow layout__main-container user_content_styles "> <div class="layout__grid-container"> <div class="layout__user-content"> <h3 class="sr-only">Content Row Wysiwyg Test</h3> <h5>Shortcode tests</h5> <p><span>These are shortcode tests:&nbsp;<span class="js-wm-shortcode"><a href="mailto:txjeff@wm.edu">txjeff@wm.edu</a></span></span></p> <span class="js-wm-shortcode"> <figure class="yt-center figure-med"> <div class="yt-med"><iframe id="ytplayer_410_230_FNxLkpPTQug" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" title="W&amp;M Opening Convocation 2019" width="410" height="230" src="https://www.youtube-nocookie.com/embed/FNxLkpPTQug?autohide=1&amp;showinfo=0&amp;rel=0&amp;wmode=transparent&amp;enablejsapi=1&amp;origin=https%3A%2F%2Ftest-www.wm.edu&amp;widgetid=1" data-gtm-yt-inspected-5="true"></iframe></div> <figcaption> video caption</figcaption> </figure> </span> <h5><strong>H5. Wysiwyg Photos</strong></h5> <p>&nbsp;</p> <p><a class="content_button" href="#"><strong>button</strong></a><a class="content_button" href="https://cascade.wm.edu/entity/open.act?type=page&amp;id=60f7d575c0a83fe073f203c242742312&amp;confId=60a5873cc0a83fe073f203c275c01989" target="_parent">BUTTON TWO BUT WITH A LONG BIT OF TEXT</a></p> <h6><strong>H6. Photos without captions</strong></h6> <p><img alt="" class="" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"><strong>Default image</strong>. Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar risus id nulla venenatis tempor eget nec felis. Vivamus magna eros, laoreet <strong>default image</strong><img alt="Insert/edit image button" height="36" src="/offices/webanddesign/web/cascade/help/_images/wysiwyg-image-button.png" width="36"> imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat.&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar risus id nulla venenatis tempor eget nec felis.&nbsp;</p> <p>&nbsp;<img alt="" class="photoleft" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"><strong>Photo left</strong>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar risus id nulla venenatis tempor eget nec felis. Fusce quis nisl et mi mollis fringilla. Sed vitae tristique libero. Suspendisse cursus iaculis massa, ac tempus purus placerat ac. Aliquam ac rhoncus arcu, nec vulputate sapien. Curabitur a magna a orci dictum rhoncus. In et arcu non neque posuere euismod. Praesent vel orci ac risus facilisis tempus. Nulla ac porta mauris. Etiam posuere dui ullamcorper euismod ullamcorper. Duis fringilla auctor pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam ut justo tortor. Nam ut odio a neque dapibus tempus eget quis felis. Aenean finibus ligula in nibh feugiat lobortis in non quam.</p> <p><strong><img alt="" class="photoright" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240">Photo right</strong>. Mauris malesuada luctus justo, iaculis tempor nisl ultrices vitae. Sed vitae orci quis dolor congue laoreet. Maecenas vitae dui nec leo molestie tristique. In ultrices nisi non aliquam aliquam. Fusce mollis enim orci. Nulla vel arcu tincidunt arcu dapibus ornare id nec velit. Etiam ornare, augue id malesuada varius, elit justo vestibulum ligula, in commodo libero velit ut nulla. Pellentesque purus velit, suscipit at malesuada sit amet, auctor quis diam. Nulla tristique, velit vel placerat viverra, leo ipsum facilisis dolor, et porttitor metus lectus ut nulla. Aliquam lectus mi, iaculis at sollicitudin non, tincidunt vel orci. Sed porttitor laoreet euismod. Mauris mattis ligula id neque efficitur porta at at magna. Aliquam commodo diam ac urna vulputate vulputate. Donec faucibus suscipit turpis at accumsan. Cras venenatis neque nec diam sodales sodales. Duis dapibus bibendum augue, nec malesuada eros semper in.</p> <p><strong><img alt="" class="photocenter" height="331" src="/images/bannerphotos/100yearsofwomen/basketball.jpg" width="1420">Photo center</strong>. Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Vivamus magna eros, laoreet imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat.&nbsp;<strong>Smaller photo center.</strong><img alt="" class="photocenter" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"></p> <h5>Photos with Captions</h5> <p>&nbsp;</p> <figure class="centerwithcaption-wrapper"> <figcaption> <figure class="centerwithcaption-wrapper" style="max-width: 100%; width: min(100%, 240px);"><img alt="Photo center with caption. Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat." class="centerwithcaption" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"> <figcaption>Photo center with caption. Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat.</figcaption> </figure> </figcaption> </figure> <p><strong>Photo center with caption.&nbsp;</strong>Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Vivamus magna eros, laoreet imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat.</p> <p> <figure class="photowithcaption-wrapper" style="max-width: 100%; width: min(100%, 240px);"><img alt="Photo with caption" class="photowithcaption" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"> <figcaption>Photo with caption</figcaption> </figure> </p> <p><strong>Photo with caption.&nbsp;</strong>Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Vivamus magna eros, laoreet imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat.</p> <p> <figure class="leftwithcaption-wrapper" style="max-width: 100%; width: min(100%, 240px);"><img alt="Photo left with caption. Outside paragraph" class="leftwithcaption" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"> <figcaption>Photo left with caption. Outside paragraph</figcaption> </figure><strong>Photo left with caption.&nbsp;</strong>Mauris malesuada luctus justo, iaculis tempor nisl ultrices vitae. Sed vitae orci quis dolor congue laoreet. Maecenas vitae dui nec leo molestie tristique. In ultrices nisi non aliquam aliquam. Fusce mollis enim orci. Nulla vel arcu tincidunt arcu dapibus ornare id nec velit. Etiam ornare, augue id malesuada varius, elit justo vestibulum ligula, in commodo libero velit ut nulla. Pellentesque purus velit, suscipit at malesuada sit amet, auctor quis diam. Nulla tristique, velit vel placerat viverra, leo ipsum facilisis dolor, et porttitor metus lectus ut nulla. Aliquam lectus mi, iaculis at sollicitudin non, tincidunt vel orci. Sed porttitor laoreet euismod. Mauris mattis ligula id neque efficitur porta at at magna. Aliquam commodo diam ac urna vulputate vulputate. Donec faucibus suscipit turpis at accumsan. Cras venenatis neque nec diam sodales sodales. Duis dapibus bibendum augue, nec malesuada eros semper in.</p> <ul> <li><strong>Photo right with caption.&nbsp;</strong>Nulla vel arcu tincidunt arcu dapibus ornare id nec velit. Etiam ornare, augue id malesuada varius, elit justo vestibulum ligula.</li> <li>Suspendisse cursus iaculis massa, ac tempus purus placerat ac.<span>&nbsp;<figure class="rightwithcaption-wrapper" style="max-width: 100%; width: min(100%, 240px);"><img alt="Photo right with caption. Inside list" class="rightwithcaption" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"> <figcaption>Photo right with caption. Inside list</figcaption> </figure></span>Aliquam commodo diam ac urna vulputate vulputate.</li> <li>Sed porttitor laoreet euismod. Mauris mattis ligula id neque efficitur porta at at magna. Aliquam commodo diam ac urna vulputate vulputate. Donec faucibus suscipit turpis at accumsan.</li> </ul> <h6>Photos in a list</h6> <ul> <li><img alt="" class="" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"><strong>Default image</strong>. Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar risus id nulla venenatis tempor eget nec felis. Vivamus magna eros, laoreet <strong>default image</strong><img alt="Insert/edit image button" height="36" src="/offices/webanddesign/web/cascade/help/_images/wysiwyg-image-button.png" width="36"> imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat.&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar risus id nulla venenatis tempor eget nec felis.&nbsp;</li> <li>&nbsp;<img alt="" class="photoleft" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"><strong>Photo left</strong>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar risus id nulla venenatis tempor eget nec felis. Fusce quis nisl et mi mollis fringilla. Sed vitae tristique libero. Suspendisse cursus iaculis massa, ac tempus purus placerat ac. Aliquam ac rhoncus arcu, nec vulputate sapien. Curabitur a magna a orci dictum rhoncus. In et arcu non neque posuere euismod. Praesent vel orci ac risus facilisis tempus. Nulla ac porta mauris. Etiam posuere dui ullamcorper euismod ullamcorper. Duis fringilla auctor pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam ut justo tortor. Nam ut odio a neque dapibus tempus eget quis felis. Aenean finibus ligula in nibh feugiat lobortis in non quam.</li> <li><strong><img alt="" class="photoright" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240">Photo right</strong>. Mauris malesuada luctus justo, iaculis tempor nisl ultrices vitae. Sed vitae orci quis dolor congue laoreet. Maecenas vitae dui nec leo molestie tristique. In ultrices nisi non aliquam aliquam. Fusce mollis enim orci. Nulla vel arcu tincidunt arcu dapibus ornare id nec velit. Etiam ornare, augue id malesuada varius, elit justo vestibulum ligula, in commodo libero velit ut nulla. Pellentesque purus velit, suscipit at malesuada sit amet, auctor quis diam. Nulla tristique, velit vel placerat viverra, leo ipsum facilisis dolor, et porttitor metus lectus ut nulla. Aliquam lectus mi, iaculis at sollicitudin non, tincidunt vel orci. Sed porttitor laoreet euismod. Mauris mattis ligula id neque efficitur porta at at magna. Aliquam commodo diam ac urna vulputate vulputate. Donec faucibus suscipit turpis at accumsan. Cras venenatis neque nec diam sodales sodales. Duis dapibus bibendum augue, nec malesuada eros semper in.</li> <li><strong><img alt="" class="photocenter" height="331" src="/images/bannerphotos/100yearsofwomen/basketball.jpg" width="1420">Photo center</strong>. Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Vivamus magna eros, laoreet imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat.&nbsp;<strong>Smaller photo center.</strong><img alt="" class="photocenter" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"></li> <li> <figure class="centerwithcaption-wrapper" style="max-width: 100%; width: min(100%, 240px);"><img alt="Photo center with caption. Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat." class="centerwithcaption" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"> <figcaption>Photo center with caption. Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat.</figcaption> </figure> <strong>Photo center with caption.&nbsp;</strong>Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Vivamus magna eros, laoreet imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat. </li> <li> <figure class="photowithcaption-wrapper" style="max-width: 100%; width: min(100%, 240px);"><img alt="Photo with caption" class="photowithcaption" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"> <figcaption>Photo with caption</figcaption> </figure> </li> <li><strong>Photo with caption.&nbsp;</strong>Pellentesque at nisi ut nisl vestibulum dictum. Curabitur maximus aliquet fermentum. Vivamus magna eros, laoreet imperdiet sagittis sit amet, volutpat vel mauris. Nam faucibus molestie volutpat.</li> <li> <figure class="leftwithcaption-wrapper" style="max-width: 100%; width: min(100%, 240px);"><img alt="Photo left with caption" class="leftwithcaption" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"> <figcaption>Photo left with caption</figcaption> </figure><strong>Photo left with caption.&nbsp;</strong>Mauris malesuada luctus justo, iaculis tempor nisl ultrices vitae. Sed vitae orci quis dolor congue laoreet. Maecenas vitae dui nec leo molestie tristique. In ultrices nisi non aliquam aliquam. Fusce mollis enim orci. Nulla vel arcu tincidunt arcu dapibus ornare id nec velit. Etiam ornare, augue id malesuada varius, elit justo vestibulum ligula, in commodo libero velit ut nulla. Pellentesque purus velit, suscipit at malesuada sit amet, auctor quis diam. Nulla tristique, velit vel placerat viverra, leo ipsum facilisis dolor, et porttitor metus lectus ut nulla. Aliquam lectus mi, iaculis at sollicitudin non, tincidunt vel orci. Sed porttitor laoreet euismod. Mauris mattis ligula id neque efficitur porta at at magna. Aliquam commodo diam ac urna vulputate vulputate. Donec faucibus suscipit turpis at accumsan. Cras venenatis neque nec diam sodales sodales. Duis dapibus bibendum augue, nec malesuada eros semper in. </li> <li><strong>Photo right with caption.&nbsp;</strong>Nulla vel arcu tincidunt arcu dapibus ornare id nec velit. Etiam ornare, augue id malesuada varius, elit justo vestibulum ligula.</li> <li>Suspendisse cursus iaculis massa, ac tempus purus placerat ac.<span>&nbsp;<figure class="rightwithcaption-wrapper" style="max-width: 100%; width: min(100%, 240px);"><img alt="Photo right with caption" class="rightwithcaption" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"> <figcaption>Photo right with caption</figcaption> </figure></span>Aliquam commodo diam ac urna vulputate vulputate.</li> <li>Sed porttitor laoreet euismod. Mauris mattis ligula id neque efficitur porta at at magna. Aliquam commodo diam ac urna vulputate vulputate. Donec faucibus suscipit turpis at accumsan.</li> </ul> <p>&nbsp;</p> <p>Text with no wrapper.<br> <a>Link with no wrapper</a></p> <h6>Text or Text w/Links in a Paragraph/Div/Block/Pre</h6> <p>paragraph alert.</p> <p>div alert</p> <p>blockquote alert</p> <p>pre alert</p> <p>paragraph monospace.</p> <p>div monospace</p> <p>blockquote monospace</p> <p>pre monospace</p> <h6>Just the Link in Paragraph/Div/Block/Pre</h6> <p>Paragraph lorem ipsum dolor content button, consectetur adipiscing elit. Sed pulvinar risus id nulla venenatis tempor eget nec felis.</p> <p>Div lorem ipsum dolor external link, consectetur adipiscing elit. Sed pulvinar risus id nulla venenatis tempor eget nec felis.</p> <p>Blockquote lorem ipsum dolor ideation-pop-up link, consectetur adipiscing elit. Sed pulvinar risus id nulla venenatis tempor eget nec felis.</p> <p>Pre lorem ipsum dolor monospace link, consectetur adipiscing elit. Sed pulvinar risus id nulla venenatis tempor eget nec felis.</p> <h6>Image in Paragraph/Div/Block/Pre</h6> <p>paragraph alert <img alt="Wren Building" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg">.</p> <p>paragraph monospace <img alt="Wren Building" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg">.</p> <p>paragraph <img alt="Wren Building" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg">.</p> <p>div <img alt="Wren Building" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg"></p> <p>blockquote <img alt="Wren Building" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg"></p> <p>pre <img alt="Wren Building" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg"></p> image with no wrapper <img alt="Wren Building" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg"> <p>&nbsp;</p> <h6><span>Text, links, images, and linked images in Table Cell</span></h6> <p>Non-collapsible table</p> <div class="tablewrap"> <p class="scroll-message" style="font-size: 0.8rem; font-style: italic; position: absolute; right: 0px; color: rgb(153, 153, 153); display: none;">Scroll right for more</p> <table> <caption>Default</caption> <tbody> <tr> <td> <h6>Default Table Cell</h6> <p><a>Anchor text.</a><br>Additional content.</p> <p>Monospace content in its own p tag and external link&nbsp; that will go on and on and on long enough to get a natural line wrap to show up so we can see the difference between two lines of text within a p tag, and two p tags.</p> <p>Ideation popup link</p> <p><a class="content_button" href="#">Content button in td</a></p> </td> <td> <h6>Table Cell</h6> <p><a>Anchor text.</a><br>Additional content.</p> </td> </tr> <tr> <td> <h6>Right align Table Cell</h6> <p><a>Anchor text.</a><br>Additional content.</p> </td> <td> <h6>Table Cell</h6> <p><a>Anchor text.</a><br>Additional content.</p> <p>Monospace content in its own p tag and external link&nbsp; that will go on and on and on long enough to get a natural line wrap to show up so we can see the difference between two lines of text within a p tag, and two p tags.</p> </td> </tr> <tr> <td> <h6>Top align Table Cell</h6> <p><a>Anchor text.</a><br>Additional content.</p> </td> <td> <h6>Table Cell</h6> <p><a>Anchor text.</a><br>Additional content.</p> <p>Monospace content in its own p tag and external link&nbsp; that will go on and on and on long enough to get a natural line wrap to show up so we can see the difference between two lines of text within a p tag, and two p tags.</p> </td> </tr> <tr> <td> <h6>Center align Table Cell</h6> <p><a>Anchor text.</a><br>Additional content.</p> </td> <td> <h6>Table Cell</h6> <p><a>Anchor text.</a><br>Additional content.</p> <p>Monospace content in its own p tag and external link&nbsp; that will go on and on and on long enough to get a natural line wrap to show up so we can see the difference between two lines of text within a p tag, and two p tags.</p> </td> </tr> <tr> <td> <h6>Photo Left Table Cell</h6> <p><img alt="Wren Building" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg"><a>Anchor text.</a><br>Additional content.</p> </td> <td> <h6>Linked Photo Left Table Cell</h6> <p><a>linked image<img alt="Wren Building" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg"></a><br>Additional content.</p> </td> </tr> <tr> <td> <h6>Photo Right Table Cell</h6> <p><img alt="Wren Building" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg"><a>Anchor text.</a><br>Additional content.</p> </td> <td> <h6>Linked Photo Right Table Cell</h6> <p><a>linked image<img alt="Wren Building" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg"></a><br>Additional content.</p> </td> </tr> <tr> <td> <h6>Photo Left w Caption Table Cell</h6> <p> <figure class="leftwithcaption-wrapper" style="max-width: 100%; width: min(100%, 240px);"><img alt="Wren Building" class="leftwithcaption" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"> <figcaption>Wren Building</figcaption> </figure><a>Anchor text.</a><br>Additional content.</p> </td> <td> <h6>Linked Photo Left w Caption Table Cell</h6> <p><a>linked image<figure class="leftwithcaption-wrapper" style="max-width: 100%; width: min(100%, 240px);"><img alt="Wren Building" class="leftwithcaption" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"> <figcaption>Wren Building</figcaption> </figure></a><br>Additional content.</p> </td> </tr> <tr> <td> <h6>Photo Right w Caption Table Cell</h6> <p> <figure class="rightwithcaption-wrapper" style="max-width: 100%; width: min(100%, 240px);"><img alt="Wren Building" class="rightwithcaption" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"> <figcaption>Wren Building</figcaption> </figure><a>Anchor text.</a><br>Additional content.</p> </td> <td> <h6>Linked Photo Right w Caption Table Cell</h6> <p><a>linked image<figure class="rightwithcaption-wrapper" style="max-width: 100%; width: min(100%, 240px);"><img alt="Wren Building" class="rightwithcaption" height="150" src="https://www.wm.edu/_widgets/1619-2019/wren-building.jpg" width="240"> <figcaption>Wren Building</figcaption> </figure></a><br>Additional content.</p> </td> </tr> </tbody> </table> </div> <p>Collapsible table</p> <div class="tablewrap"> <p class="scroll-message" style="font-size: 0.8rem; font-style: italic; position: absolute; right: 0px; color: rgb(153, 153, 153); display: none;">Scroll right for more</p> <table> <caption>Sample collapsible table</caption> <tbody> <tr> <td> <div class="tablewrap"> <p class="scroll-message" style="font-size: 0.8rem; font-style: italic; position: absolute; right: 0px; color: rgb(153, 153, 153); display: none;">Scroll right for more</p> <table> <caption>Default</caption> <tbody> <tr> <td> <h6>Default Table Cell</h6> <p><a>Anchor text.</a><br>Additional content.</p> <p>Monospace content in its own p tag and external link&nbsp; that will go on and on and on long enough to get a natural line wrap to show up so we can see the difference between two lines of text within a p tag, and two p tags.</p> <p>Ideation popup link</p> <p>Content button</p> </td> </tr> </tbody> </table> </div> </td> </tr> <tr> <td> <div class="tablewrap"> <p class="scroll-message" style="font-size: 0.8rem; font-style: italic; position: absolute; right: 0px; color: rgb(153, 153, 153); display: none;">Scroll right for more</p> <table> <caption>Tablespecial</caption> <tbody> <tr> <td> <h6>Tablespecial Table Cell</h6> <p><a>Anchor text.</a><br>Additional content.</p> <p>Monospace content in its own p tag and external link&nbsp; that will go on and on and on long enough to get a natural line wrap to show up so we can see the difference between two lines of text within a p tag, and two p tags.</p> <p>Ideation popup link</p> <p>Content button</p> </td> <td> <h6>Table Cell</h6> <p><a>Anchor text.</a><br>Additional content.</p> </td> </tr> </tbody> </table> </div> </td> </tr> <tr> <td> <div class="tablewrap"> <p class="scroll-message" style="font-size: 0.8rem; font-style: italic; position: absolute; right: 0px; color: rgb(153, 153, 153); display: none;">Scroll right for more</p> <table> <caption>Tablespecialleft column table</caption> <tbody> <tr> <td> <h6>Tablespecialleft Table Cell</h6> <p><a>Anchor text.</a><br>Additional content.</p> <p>Monospace content in its own p tag and external link&nbsp; that will go on and on and on long enough to get a natural line wrap to show up so we can see the difference between two lines of text within a p tag, and two p tags.</p> <p>Ideation popup link</p> <p>Content button</p> </td> <td> <h6>Table Cell</h6> <p><a>Anchor text.</a><br>Additional content.</p> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </div> </div> </div> </div> </section>