`
I had thought sections needing headings was just a warning not a rule ; )
I’ll change them to divs.
---
### Author:  [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)
#### Post date: [February 2, 2022, 2:53pm UTC](https://forum.pinegrow.com/t/validator-error-ul-ul/6207/6 "2022-02-02T14:53:03Z")
Yes it’s a warning! But I always want to get rid of every waring and error. But that’s just me.
---
### Author:  [@abirana](https://forum.pinegrow.com/u/abirana)
#### Post date: [February 2, 2022, 3:57pm UTC](https://forum.pinegrow.com/t/validator-error-ul-ul/6207/7 "2022-02-02T15:57:03Z")
> [@kat](#):
>
> Element [`ul`](https://html.spec.whatwg.org/multipage/#the-ul-element) not allowed as child of element [`ul`](https://html.spec.whatwg.org/multipage/#the-ul-element) in this context. (Suppressing further errors from this subtree.)
This means **ul** cannot be direct child of **ul** , but **ul** can be inside **li**.
Your implementation should be something like this:
```auto
```
---
### Author:  [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [February 2, 2022, 4:37pm UTC](https://forum.pinegrow.com/t/validator-error-ul-ul/6207/8 "2022-02-02T16:37:23Z")
> [@abirana](#):
>
> This means **ul** cannot be direct child of **ul** , but **ul** can be inside **li**.
Confused. Below is ok, or not ok.
```auto
Choose Your Option
Tax Deductions
-
Once-a-year membership donation.
-
A particular Poetry.LA series or a single episode for screen credit:
-
Poetry.LA Interview Series hosted by Mariano Zaro
-
A Poem By hosted by Lisa Grove
-
They Write by Night hosted by Suzanne Lummis
Sign Up
```
---
### Author:  [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)
#### Post date: [February 2, 2022, 4:48pm UTC](https://forum.pinegrow.com/t/validator-error-ul-ul/6207/9 "2022-02-02T16:48:20Z")
> [@abirana](#):
>
> ```auto
>
> - ...
> - ...
> -
>
>
> - ...
> - ...
>
>
> ```
This is what he means the nesting should be like that not like your example. But looking at what you want to achieve I would keep it simple. Don’t see a reason to use it for your example!
The `
` is nested in the `- ` but when you are a beginner it can be very confusing.
---
### Author:  [@abirana](https://forum.pinegrow.com/u/abirana)
#### Post date: [February 2, 2022, 4:59pm UTC](https://forum.pinegrow.com/t/validator-error-ul-ul/6207/10 "2022-02-02T16:59:27Z")
Your second **ul** should be inside a **li**
Like **ul \> li \> ul \> li**
---
### Author:  [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)
#### Post date: [February 2, 2022, 6:02pm UTC](https://forum.pinegrow.com/t/validator-error-ul-ul/6207/11 "2022-02-02T18:02:03Z")
> [@kat](#):
>
> Actually I think the list icons look lousy. Any thoughts on better list styling?
Here some examples of lists with code like this cool one (click on the edit on code pen icon to see it):
https://codepen.io/ahmadnasr/embed/preview/MZjyxg?default-tabs=html%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=MZjyxg
> **[FreeFrontend](https://freefrontend.com/css-lists/)**
>
> Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles.
When they have SCSS instead of CSS just covert the SCSS to CSS here:
> **[Best SCSS to CSS Converter Online](https://jsonformatter.org/scss-to-css)**
>
> Secure and Best way to convert SCSS to CSS format Online. This SCSS Compiler is playground for SCSS.
---
### Author:  [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [February 2, 2022, 6:56pm UTC](https://forum.pinegrow.com/t/validator-error-ul-ul/6207/12 "2022-02-02T18:56:24Z")
New list styles -exciting!.
I got rid of sections except in the youtube video section which is linked to css/FastEmbed.css and assets/FastEmbed.js.
---
### Author:  [@nebula](https://forum.pinegrow.com/u/nebula)
#### Post date: [February 5, 2022, 8:44pm UTC](https://forum.pinegrow.com/t/validator-error-ul-ul/6207/13 "2022-02-05T20:44:36Z")
@kat, based on your screenshot, your “sublist” provides detail to the second item in the main list. The way you create that relationship in the code is to insert the sublist _inside_ the second item, after the text of the second item. It doesn’t make sense to have a sublist that’s not associated with a parent item, so HTML doesn’t allow it. And neither does writing in general.
---
### Author:  [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [February 5, 2022, 10:22pm UTC](https://forum.pinegrow.com/t/validator-error-ul-ul/6207/14 "2022-02-05T22:22:27Z")
> [@nebula](#):
>
> The way you create that relationship in the code is to insert the sublist _inside_ the second item, after the text of the second item.
Originally I had it that way, but was advised to change it. I do agree that there should be a better relationship.
> [@AllMediaLab](#):
>
> You are nesting a list in a list here
> My advice is keep things simple and use one list and if needed style parts of the ` - ` .with padding.
---
### Author:  [@nebula](https://forum.pinegrow.com/u/nebula)
#### Post date: [February 5, 2022, 11:15pm UTC](https://forum.pinegrow.com/t/validator-error-ul-ul/6207/15 "2022-02-05T23:15:10Z")
HTML lists are designed to be nested. Taking a shortcut like AllMediaLab suggested defeats the purpose of HTML, which is designed for defining the meaningful relationships between various chunks of content.
Styling is done separately using CSS. If you didn’t do any styling at all (used only HTML), the HTML should still show that the sublist provides detail for that item because it’ll be appropriately indented. Then you can use styling to fine-tune the precise look and position of the HTML elements.