css - リスト全体を埋めるために展開されたリンクのリスト内に別のリンクを追加する

Question

私が今持っているものは、この jsFiddle に示されています。それぞれがによってli全体に展開されたリンクを含む一連のフローティングです。lidisplay: block

今、私がやりたいことは、それぞれの中に別のリンクを追加することですli(私の場合は閉じるボタン)。下の画像のようなもの。しかし、正方形の残りの部分全体をクリック可能にして、現在のように元のリンクをたどってほしいと思っています。

これを達成するための最良の方法は何ですか?

Answer 1

position: relativeli要素に与えます。次に、これを近いリンクに渡します。

.close {
    position: absolute;
    top: 5px;
    right: 5px;
}

デモ: http://jsfiddle.net/965zT/3/