# w3C error when h1 goes to 90%

**URL:** <https://forums.realmacsoftware.com/t/w3c-error-when-h1-goes-to-90/16277>\
**Category:** RapidWeaver Classic\
**Created:** [September 19, 2017, 6:42am UTC](https://forums.realmacsoftware.com/t/w3c-error-when-h1-goes-to-90/16277 "2017-09-19T06:42:32Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![GTPeter](https://avatars.discourse-cdn.com/v4/letter/g/bc8723/32.png) [@GTPeter](https://forums.realmacsoftware.com/u/GTPeter)\
**Post date:** [September 19, 2017, 6:42am UTC](https://forums.realmacsoftware.com/t/w3c-error-when-h1-goes-to-90/16277/1 "2017-09-19T06:42:32Z")

</div>

Why do I get an error on W3C Test when I set the h1 from 100% to 90%? Whenever I change the %, an error appears.

_Error: Element h1 not allowed as child of element span in this context. (Suppressing further errors from this subtree.)_

_From line 130, column 488; to line 130, column 491_

_9\_page10’\>_

---

<div class="post-metadata">

**Author:** ![instacks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/instacks/32/23339_2.png) [@instacks](https://forums.realmacsoftware.com/u/instacks)\
**Post date:** [September 19, 2017, 6:46am UTC](https://forums.realmacsoftware.com/t/w3c-error-when-h1-goes-to-90/16277/2 "2017-09-19T06:46:53Z")

</div>

Hi, do you have a link?

---

<div class="post-metadata">

**Author:** ![GTPeter](https://avatars.discourse-cdn.com/v4/letter/g/bc8723/32.png) [@GTPeter](https://forums.realmacsoftware.com/u/GTPeter)\
**Post date:** [September 19, 2017, 9:42am UTC](https://forums.realmacsoftware.com/t/w3c-error-when-h1-goes-to-90/16277/3 "2017-09-19T09:42:45Z")

</div>

Here is the link. When I set it to 100% the error disappears…

[http://piranha-ag.ch/](http://piranha-ag.ch/)

---

<div class="post-metadata">

**Author:** ![Flash](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@Flash](https://forums.realmacsoftware.com/u/Flash)\
**Post date:** [September 19, 2017, 10:23am UTC](https://forums.realmacsoftware.com/t/w3c-error-when-h1-goes-to-90/16277/4 "2017-09-19T10:23:49Z")

</div>

The only guess I can make right off the top of my head is this. The h1 tag by definition is the largest most important element on the page. Making it 90% makes it appear to be less, even if it isn’t.

---

<div class="post-metadata">

**Author:** ![GTPeter](https://avatars.discourse-cdn.com/v4/letter/g/bc8723/32.png) [@GTPeter](https://forums.realmacsoftware.com/u/GTPeter)\
**Post date:** [September 19, 2017, 11:03am UTC](https://forums.realmacsoftware.com/t/w3c-error-when-h1-goes-to-90/16277/5 "2017-09-19T11:03:32Z")

</div>

Thank you. But it also appears if I set the text to 90%. No matter on which Text I use it, an error appears.

---

<div class="post-metadata">

**Author:** ![GTPeter](https://avatars.discourse-cdn.com/v4/letter/g/bc8723/32.png) [@GTPeter](https://forums.realmacsoftware.com/u/GTPeter)\
**Post date:** [September 21, 2017, 9:03am UTC](https://forums.realmacsoftware.com/t/w3c-error-when-h1-goes-to-90/16277/6 "2017-09-21T09:03:41Z")

</div>

Something is definately wrong with stacks. When I ajust the text without stacks, no error appears.

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [September 21, 2017, 12:06pm UTC](https://forums.realmacsoftware.com/t/w3c-error-when-h1-goes-to-90/16277/7 "2017-09-21T12:06:56Z")

</div>

We would need a link to a page when it’s **broken**. Then link above is after you set it back to 100%. Also might help if you gave us what stack(s) your using and how your changing the size.

---

<div class="post-metadata">

**Author:** ![GTPeter](https://avatars.discourse-cdn.com/v4/letter/g/bc8723/32.png) [@GTPeter](https://forums.realmacsoftware.com/u/GTPeter)\
**Post date:** [September 25, 2017, 10:44am UTC](https://forums.realmacsoftware.com/t/w3c-error-when-h1-goes-to-90/16277/8 "2017-09-25T10:44:20Z")

</div>

Now it is broken. You might check it again.

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [September 25, 2017, 7:32pm UTC](https://forums.realmacsoftware.com/t/w3c-error-when-h1-goes-to-90/16277/9 "2017-09-25T19:32:30Z")

</div>

I took a quick look at your site. The syntax error I’m seeing is related to a text stack that has a` <span>` in it to set the font size to 110%. It then has an unordered list within the span. Don’t know how you’re setting the 110% but you’re not suppose to have a UL within a span.

 ![2017-09-25_12-28-28](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/d/daf4b6682ebdf193e4e71af3974520139e8e733a.png)

---

<div class="post-metadata">

**Author:** ![GTPeter](https://avatars.discourse-cdn.com/v4/letter/g/bc8723/32.png) [@GTPeter](https://forums.realmacsoftware.com/u/GTPeter)\
**Post date:** [September 26, 2017, 6:26am UTC](https://forums.realmacsoftware.com/t/w3c-error-when-h1-goes-to-90/16277/10 "2017-09-26T06:26:44Z")

</div>

Hi Doug, thank you. This is cliear so far. But why can I change the text everywhere but not the list?

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [September 26, 2017, 12:17pm UTC](https://forums.realmacsoftware.com/t/w3c-error-when-h1-goes-to-90/16277/11 "2017-09-26T12:17:05Z")

</div>

You can change it just not with a `<span>` element. From an HTML prospective you could use a `<div>` or a `<section>` to wrap your list to apply the class, you can even put the class on the `<ul>` tag.  
The span element is an inline element, intended to be used within a paragraph or header, not to contain block level elements. You could use a span for a list but would need to apply it to **each** bit of text `<li>` within the list `<ul>`.
