Home/ Questions/Q 8272469
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T07:07:59+00:00

Error Line 16, Column 23: Element style not allowed as child of element body

  • 0

Error Line 16, Column 23: Element style not allowed as child of
element body in this context. (Suppressing further errors from this
subtree.)

Because it sais “in this context” I’m hoping there is a way to embed CSS my HTML 5 using

<style TYPE="text/css">
</style>

and a different “context” whatever that means.

I have all my code in neat HTML 5 / CSS modules…and I prefer not to split up my CSS from my HTML though I think most people do it this way.

Is there a way I can keep embedded CSS w/ my HTML 5 and not break validation.

If not can I put the embedded CSS in the Head of the document?

Where can I put it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The style tag goes in the head tag unless the scoped attribute is present, e.g.:

    <!DOCTYPE html>
<html>
<head>
<title>HTML5 CSS scope attribute</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

<style>
.myClass {
    color: red;
    background-color: blue;
}
</style>

</head>

<body>

<div>
<span class="myClass">This text is red, and the background is blue.</span>
</div>

<div>
<style scoped>
.myClass {
    background-color: yellow;
}
</style>
<span class="myClass">This text is red, and the background is yellow.</span>
</div>

</body>

    However, the scoped attribute is not implemented in any browser yet:

    • 0