html - アンカー、リー、スパンに同じ高さを設定する

Question

次のような画面を作成しようとしています。

スパンとアンカー要素を高さで成長させて、li と同じ高さにするにはどうすればよいですか?

私はすでにこの例を始めましたhttp://jsfiddle.net/Gh6mB/1/

中央の列の高さと幅が拡大するはずです。左右の列は高さを拡張する必要がありますが、幅は固定しておく必要があります。

これを簡素化するためにできることはありますか？

Answer 1

<table><tbody><tr><td>4 レベルのネストがあるため、構造に合わせて css を変更しました。divとの間の最初のテーブルにラッパーを追加する必要がliありましたspan。

http://jsfiddle.net/Gh6mB/8/

#ListaEventosPorMes ul.vermelho {
    display: table;
}

#ListaEventosPorMes ul.vermelho li {
    display: table-row-group;
}

#ListaEventosPorMes ul.vermelho li div,
#ListaEventosPorMes ul.vermelho li a {
    display: table-row;
}

#ListaEventosPorMes ul.vermelho li   span {
    display: table-cell;
    height: 74px;    
}