Using <p> for section footer text breaks the <h1> selectors. (Fix included.)

What steps will reproduce the problem?

    <body>

        <div id="header">
            <h1>Header</h1>
        </div>

        <h1>My Header A</h1>
        <ul>
            <li>Item</li>
        </ul>
        <p>Section footer text.</p>

        <h1>My Header B (is way too big!)</h1>
        <ul>
            <li>Item</li>
        </ul>
        <p>Section footer text.</p>

    </body>

What is the expected output? What do you see instead?

I expected the <p> footers beneath each section to look like the footer text 
that most of the examples include. (And like the actual UITableView renders.) 
Instead, the <h1> styles get lost. They revert to the basic <h1>.

What version of the product are you using? On what operating system?

UiUIKit 1.1 on Mac OS X 10.6.8.

Please provide any additional information below.

The issue is that your "standard header on body" selector doesn't allow 
anything to precede the <h1> other than the div#header or a <ul>. You can add 
support for <p> tags to follow <ul>'s as section footers if you change this 
selector (line 40):

    /* standard header on body */
    div#header + h1, ul + h1 { ... }

to 

    /* standard header on body */
    div#header + h1, ul + h1, p + h1 { ... }

Original issue reported on code.google.com by zchar...@gmail.com on 22 Nov 2011 at 10:18

LouPepin / iphone-universal

Using <p> for section footer text breaks the <h1> selectors. (Fix included.) #23