inject html without using jscript

Question

I have the following code:

<ul id="myList">
   <li class="li1">Example 1</li>
   <li class="li2">Example 2</li>
   <li class="li3">Example 3</li>
   <li class="li4">Example 4</li>
</ul>

Is there any way i can transform the list to:

<ul class="myList">
   <li class="li1"><div class="container">Example 1</div></li>
   <li class="li2"><div class="container">Example 2</div></li>
   <li class="li3"><div class="container">Example 3</div></li>
   <li class="li4"><div class="container">xample 4</div></li>
</ul>

using css only. without using javascript

Answer 1

CSS cannot add elements, that really isn't its purpose.

That being said, you can achieve a similar effect by making the items display: block, like this:

#myList > li { display: block; }

Answer 2

No. CSS is designed to instruct the browser on how elements look and are positioned. It isn't capable of editing the live HTML.