Css 使用一个<；ul>；-需要上面的图片吗

我正在使用CSS Wizadry的代码

基本上，它只使用一个Ul创建多个列

我只需要在Html/CSS中创建的图像/内容区域上方创建一个单独的图像/内容区域。如下所示：

    <code><ul id="triple"> <span class="code-comment">
</span>
  <li>Text here</li>

</ul></code>

   <code>ul{
  width:760px;
  margin-bottom:20px;
  overflow:hidden;
  border-top:1px solid #ccc;
}
li{
  line-height:1.5em;
  border-bottom:1px solid #ccc;
  float:left;
  display:inline;
}

#triple li  { width:33.333%; } <span class="code-comment">/* 3 col */</span>

因此，它将有一个上面的图像，然后是一列下面的文本。 很简单，但我很笨

Html此处：

    <code><ul id="triple"> <span class="code-comment">
</span>
  <li>Text here</li>

</ul></code>

   <code>ul{
  width:760px;
  margin-bottom:20px;
  overflow:hidden;
  border-top:1px solid #ccc;
}
li{
  line-height:1.5em;
  border-bottom:1px solid #ccc;
  float:left;
  display:inline;
}

#triple li  { width:33.333%; } <span class="code-comment">/* 3 col */</span>

此处文本

css此处：

    <code><ul id="triple"> <span class="code-comment">
</span>
  <li>Text here</li>

</ul></code>

   <code>ul{
  width:760px;
  margin-bottom:20px;
  overflow:hidden;
  border-top:1px solid #ccc;
}
li{
  line-height:1.5em;
  border-bottom:1px solid #ccc;
  float:left;
  display:inline;
}

#triple li  { width:33.333%; } <span class="code-comment">/* 3 col */</span>

ul{
宽度：760px；
边缘底部：20px；
溢出：隐藏；
边框顶部：1px实心#ccc；
}
李{
线高：1.5em；
边框底部：1px实心#ccc；
浮动：左；
显示：内联；
}
#三重li{宽度：33.333%；}/*3列*/

提前谢谢
 不要使用那个网站。任何教导错误HTML和错误CSS的网站都应该避免。不知道你从哪里得到了
从CSS中签名；这些不在网站上的示例中。只是尝试实现这一点：您不应该将元素作为不是
li
的
ul
的直接子元素。谢谢Vector，我不确定如何实现这一点。任何关于新代码的建议都会大有帮助。其要点是在创建内容时自动生成新列