title: How to get border Around <ul> tag?
body: <p>My code is as follows :</p>
  
  <pre><code>&lt;ul class="connected list no2"&gt;
    &lt;li&gt;Item 11&lt;/li&gt;
    &lt;li&gt;Item 12&lt;/li&gt;
    &lt;li&gt;Item 13&lt;/li&gt;
    &lt;li&gt;Item 14&lt;/li&gt;
    &lt;li&gt;Item 15&lt;/li&gt;
    &lt;li&gt;Item 16&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want border around this <code>&lt;ul&gt;</code> tag</p>
  
  <p>I tried as follows :</p>
  
  <pre><code>&lt;div style="border:2px solid #a1a1a1;"&gt;
   &lt;ul class="connected list no2"&gt;
        &lt;li&gt;Item 11&lt;/li&gt;
        &lt;li&gt;Item 12&lt;/li&gt;
        &lt;li&gt;Item 13&lt;/li&gt;
        &lt;li&gt;Item 14&lt;/li&gt;
        &lt;li&gt;Item 15&lt;/li&gt;
        &lt;li&gt;Item 16&lt;/li&gt;
      &lt;/ul&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>but it is showing div above the <code>&lt;ul&gt;</code> </p>
  
  <p>Any suggestion on this please.</p>