This is the table caption
Title Number Responsible office
Advanced policy with ultra-long title ACA-63 University Faculty Council
Accepting Electronic Payments
  1. Step 1
  2. Step 2
  3. Step 3
Accrual Accounting

This is a paragraph.

  • Firstname Lastname, MA’03
  • First Lastname, BS’03
  • Firstname Last, BS’76, DDS’80
Show/hide markup
<!-- make sure to add the class mobile-labels -->
<table class="mobile-labels">
    <caption>This is the table caption</caption>
            <th scope="col">Title</th>
            <th scope="col">Number</th>
            <th scope="col">Responsible office</th>
            <!-- each td should have a data-label to match the th -->
            <td data-label="Title"><strong>Advanced</strong> policy with ultra-long <em>title</em></td>
            <td data-label="Number">ACA-63</td>
            <td data-label="Responsible Office">University Faculty Council</td>
            <td data-label="Title"><a href="#">Accepting Electronic Payments</a></td>
            <td data-label="Number">
                    <li>Step 1</li>
                    <li>Step 2</li>
                    <li>Step 3</li>
            <td data-label="Responsible Office">Treasury<br> Operations</td>
            <td data-label="Title"><a href="#">Accrual Accounting</a></td>
            <td data-label="Number">
                <p>This is a paragraph.</p>
            <td data-label="Responsible Office">
                    <li>Firstname Lastname, MA’03</li>
                    <li>First Lastname, BS’03</li>
                    <li><span>Firstname Last, BS’76, DDS’80</span></li>

Apply IU style to any site

You can use our style and code snippets to improve any website in any content management system. Or you can request a copy of the Web Framework, a self-service tool that lets developers build a site in the WCMS.

If you would like to learn more about how we can help you build your website in the Web Framework, contact Eleanor Berman at IU Communications.