-2

我想像下面这样制作标签列表。
然后我想使用 CSS 和列表标签。

我怎样才能做到这一点？

Tags: Apple Banana Melon Strawberry Kiwi Orange 
      Pineapple Carrot Onion Tomato Bacon Sandwitch
      SoyBeans Pork Beef Chicken
4

2 回答 2

1

http://jsbin.com/ojives/2

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<style>
    h1 { font-weight: normal; font-size: 100%; }
    aside { display: table; }
  aside h1 span:after { content: ":"; }
    aside h1,
    aside ul { display: table-cell; }
    aside li { display: inline; }
</style>
</head>
<body>
  <aside>
    <h1><span>Tags</span></h1>
    <ul>
        <li>Apple
        <li>Banana
        <li>Melon
        <li>Strawberry
        <li>Kiwi
        <li>Orange 
        <li>Pineapple
        <li>Carrot
        <li>Onion
        <li>Tomato
        <li>Bacon
        <li>Sandwitch
        <li>SoyBeans 
        <li>Pork
        <li>Beef
        <li>Chicken 
    </ul>
  </aside>
</body>
</html>
于 2013-01-09T10:15:40.540 回答
-1

你应该首先结束你的< li >标签。

其次，为你写一个属性<asid>是：width : 360px;to be like you want

于 2013-01-09T10:24:27.933 回答