Element style not allowed as child of element div in this context

Rule from html under compatibility category

What is a trooper!

we have submitted your edit to the community for review! We'll review and make it live on the site in the next few hours, the internet thanks you :).

Browse another section of the knowledge base

Suggest an edit


This rule has no content... yet.

Add content to this rule

Or just browse to view rules that have content


You have used the element <style> inside a <div> tag. This element is only allowed in the <head> section of your document.

    <style type="text/css">
        This is not allowed.

How do I fix this ?

Move the styles to your <head> section or use external stylesheets.

You can also use the scoped attribute to apply styles to specific parent elements and their children. Being a new attribute support may vary among major browsers.

When adding the attribute scoped it becomes possible to add styles to <div> elements:

    <style scoped>
        h1 {color:red;}
        p {color:blue;}
<h1>This is a heading</h1>
<p>This is a paragraph.</p>


Browse another section of the knowledge base

Signup icon
Ready to see how well your site scores?

Passmarked works best when you have an account. It allows you to keep a dashboard with saved data of the sites you have run through the system, we’ll alert you about important updates and you get access to the Passmarked Slack forum.

Sign up to get started