使用时 <p class=xxx> 我在W3C合规性检查器上收到响应“范围内没有p元素，但看到ap结束标签。”

Question

I have just run my site (benefacto.org) through a W3C Compliance Checker. It bombed - it has multiple instances (50+) where it says

No p element in scope but a p end tag seen.

I've counted (using MS Word) and I have exactly the same number of <p class=xxx> as I do </p> .

I think it is because I'm using <p class=xxx> or <p class="xxx"> rather than <p> .

Can anyone help me get rid of this issue please?

<div class="row-constrained">
    <div class="col-sm-6">
        <p class="p3 pink">Why is community involvement important to AECOM?</p>
        <p class="p1">As a global organisation we want to ensure that we support the communities where we live and work.</p> 
        <p class="p1">We have a skilled workforce who we support to make a positive impact on local community groups.</p>
        <p class="p1">Our aim is to make a positive difference for our people, our stakeholders, our communities and the environment.</p> 
        <p class="p3 pink">What do you think the key challenges are when engaging staff in the community?</p>
        <p class="p1">Finding organisations to work with is, surprisingly, a big challenge. We need a variety of activities which will appeal to the broad skills and interests of our people. Supporting smaller groups is also important for us.</p>
        <p class="p3 pink">How has Benefacto helped resolve these?</p>
        <p class="p1">By presenting an easy to use website, which allows people to find the right volunteering opportunity, manage themselves and take responsibility for their volunteering commitment.</p>
        <p class="p1">As Benefacto works with multiple corporate firms they bring lots of insight and ideas into what works and what doesn't work when getting employees engaged with volunteering. This has included provding a lot of practical support too - from presenting at team meetings to visiting volunteers and collecting case studies to producing marketing videos and printed materials.</p>
    </div>
    <div class="col-sm-6">
        <p class="p3 pink">How did you launch the initiative?</p>
        <p class="p1">With a series of campaigns: including posters, intranet announcements, social media, television-screens in cafes, leaflets, etc. A launch event we ‘camped out’ in our cafe over the lunchtime period encouraging people to sign up to the mailing list.</p>
        <p class="p3 pink">How do you see your partnership with Benefacto progressing?</p>
        <p class="p1">We have signed up for the next year and hope to continue the momentum. We hope that in time, we can introduce Benefacto to other Regions.</p>
        <p class="p3 pink">Would you recommend Benefacto to other organisations?</p>
        <p class="p1">Definitely - and I have!</p>
        <p class="p3 pink">What advice would you give to someone just starting an employee volunteering scheme?</p>
        <ul>
            <li class="l1">Make sure you have a clear policy so people know what they can/can’t do</li>
            <li class="l1">Have a variety of options for people to choose from</li>
            <li class="l1">Make the process easy for them to manage themselves so it doesn’t become a logistical nightmare for you</li>
            <li class="l1">Share the stories post event to encourage involvement</li>
            <li class="l1 pink">Use Benefacto!</li>
        </ul>
    </div>
</div>

Answer 1

On your current home page's line 291 you have a closing p tag without a preceding opening one:

</p></div>

Several more of these lines follow (when viewing the source code in Firefox, it'll mark these superfluous closing p tags in red).

Answer 2

If it's saying you don't have opening p tags you should review all of those tags to find out where the extras are coming from.

You'll either need to reconcile your opening and closing tags or hire someone to go through and do it for you.