Before creating a Nested Unordered List, using Custom HTML we'll create a H2 Heading, Horizontal Rule, and Paragraph, and reduce the size of the H2 Heading by adding the following code to Additional CSS:
--------------------------------------
h2 {
font-size: 30px;
}
---------------------------------------
Now it's time to add the nested list. Open another Custom HTML block and addi the following code:
---------------------------------------
<ul>
<li><span></span></li>
<li><span></span></li>
<ul>
<li><span></span></li>
<li><span></span></li>
<li><span></span></li>
<ul>
<li><span></span></li>
<li><span></span></li>
<li><span></span></li>
</ul>
</ul>
<li></li>
</ul>
--------------------------------------
Preview the page and the Nested List should look like this:


The sub and sub paragraphs are still indented and have square bullet points the same as the main bulleted paragraph, so let's change that.
.



Join the Discussion
Write something…
Top