jQuery Forum

Hi guys,

Given the following page:

    <div data-role="page">
        <div data-role="header" data-theme="b">
            <h1>Header</h1>
        </div>
        <div data-role="content">
            <ul data-role="listview" data-filter="true" id="list">
                  <li>List item 1</li>
                  <li>List item 2</li>
                  <li>List item 3</li>
            </ul>
        </div>
        <div data-role="footer" data-position="fixed" data-theme="b">
            <h1>Footer</h1>
        </div>
    </div>

Is there any way to make the list item render in the middle of the page? Instead of it defaulting to the top of the page (right below the header)

Thanks