Lists <ul> Berkembang

Langsung saja contohnya :

• item 1
• item 2
• item 3
  • item 3.1
  • item 3.2
  • item 3.3
• item 4

<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3
  <ul>
    <li>item 3.1</li>
    <li>item 3.2</li>
    <li>item 3.3</li>
  </ul>
</li>
<li>item 4</li>
</ul>

Kenapa <ul> yang kedua ada spasinya atau lebih kepinggir ? pertanyaan ini sering dilontarkan. Jawabannya biar terlihat rapi saja dan terlihat <ul> yang kedua itu anaknya, tidak ada spasi juga tidak apa-apa tidak berpengaruh.

Contoh kedua :

• item 1
• item 2
• item 3
  • item 3.1
  • item 3.2
    • item 3.2.1
    • item 3.2.2
    • item 3.2.3
  • item 3.3
• item 4

<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3
  <ul>
    <li>item 3.1</li>
    <li>item 3.2</li>
      <ul>
        <li>item 3.2.1</li>
        <li>item 3.2.2</li>
        <li>item 3.2.3</li>
      </ul>
    <li>item 3.3</li>
  </ul>
</li>
<li>item 4</li>
</ul>

Kalau yang ini di ibarat sudah mempunyai cucu.

Alhamdulillah