html - 如何在 标签周围设置边框？

Question

我的代码如下:

<ul class="connected list no2">
  <li>Item 11</li>
  <li>Item 12</li>
  <li>Item 13</li>
  <li>Item 14</li>
  <li>Item 15</li>
  <li>Item 16</li>
</ul>

我想在这个 <ul> 周围加边框标签

我试过如下:

<div style="border:2px solid #a1a1a1;">
 <ul class="connected list no2">
      <li>Item 11</li>
      <li>Item 12</li>
      <li>Item 13</li>
      <li>Item 14</li>
      <li>Item 15</li>
      <li>Item 16</li>
    </ul>
 </div>

但它在 <ul> 上方显示 div

请对此提出任何建议。

Answer 1

为什么不只定位 ul 标签？

CSS 文件:

ul {
    border: 1px solid black;
}

内联 CSS:

<ul class="connected list no2" style="border: 1px solid black">

这里是 the fiddle如果你想玩的话。