​

        <div data-role="header">

                    <div id="logoContainer" class="centerText"><img src="img/logo.png" id="logo"  /></div>

            </div>

            <div data-role="navbar">

                <ul>

                  <li><a href="#anylink" data-icon="home">About Us</a></li>

                  <li><a href="#anylink" data-icon="info">Help</a></li>

                  <li><a href="#anylink" data-icon="back">Quit</a></li>

                </ul>

              </div>

            </div>

<div class="outer">

  <div class="inner">

    <table>

        <tr>

          <th>Header A</th>

          <td>col 1 - A</td>

          <td>col 2 - A (WITH LONGER CONTENT)</td>

          <td>col 3 - A</td>

          <td>col 4 - A</td>

          <td>col 5 - A</td>

        </tr>

        <tr>

          <th>Header B</th>

          <td>col 1 - B</td>

          <td>col 2 - B</td>

          <td>col 3 - B</td>

          <td>col 4 - B</td>

          <td>col 5 - B</td>

        </tr>

        <tr>

          <th>Header C</th>

          <td>col 1 - C</td>

          <td>col 2 - C</td>

          <td>col 3 - C</td>

          <td>col 4 - C</td>

          <td>col 5 - C</td>

        </tr>

    </table>

  </div>

</div>