How do I insert a div?

How do I insert a div?

Hello...

I would like to insert a div into a nested list...to make this:

<ul class="a">
      <li class="2"><a href="***">Something</a>
            <ul>
                  <li>Something else...</li>
                  <li>Something else...</li>
                  <li>Something else...</li>
            </ul>
      </li>
      <li class="3"><a href="***">Something</a>
            <ul>
                  <li>Something else...</li>
                  <li>Something else...</li>
                  <li>Something else...</li>
            </ul>
      </li>
</ul>

....look like this:

<ul class="a">
      <li class="2"><a href="***">Something</a>
            <div class="foo">
            <ul>
                  <li>Something else...</li>
                  <li>Something else...</li>
                  <li>Something else...</li>
            </ul>
            </div>
      </li>
      <li class="3"><a href="***">Something</a>
            <div class="Bar">
            <ul>
                  <li>Something else...</li>
                  <li>Something else...</li>
                  <li>Something else...</li>
            </ul>
            </div>
      </li>
</ul>

I am trying to make the each nested ul more specific to help with styling.

Thanks!

AMWJ