title: Replace each tag p by tag li and around group li by tag ul
body: <p>Here html :</p>
  
  <pre><code>&lt;section class="category"&gt;
          &lt;p&gt;&lt;a href="product-list.html"&gt;Lorem ipsum dolor sed diam&lt;/a&gt;&lt;/p&gt;
          &lt;p&gt;&lt;a href="product-list.html"&gt;Lorem ipsum dolor sed diam&lt;/a&gt;&lt;/p&gt;
          &lt;p&gt;&lt;a href="product-list.html"&gt;Lorem ipsum dolor sed diam&lt;/a&gt;&lt;/p&gt;
          &lt;p&gt;&lt;a href="product-list.html"&gt;Lorem ipsum dolor sed diam&lt;/a&gt;&lt;/p&gt;
        &lt;section class="clear"&gt;&lt;/section&gt;
      &lt;/section&gt;
  </code></pre>
  
  <p>How to replace tag p --> li and wrap group li by tag ul . I need it to be :</p>
  
  <pre><code>   &lt;section class="category"&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="product-list.html"&gt;Lorem ipsum dolor sed diam&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="product-list.html"&gt;Lorem ipsum dolor sed diam&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="product-list.html"&gt;Lorem ipsum dolor sed diam&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="product-list.html" &gt;Lorem ipsum dolor sed diam&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;section class="clear"&gt;&lt;/section&gt;
  &lt;/section&gt;
  </code></pre>