为锚，li和span设置相同的高度

Question

我正在尝试构建这样的屏幕：

如何让我的span和anchor元素在高度上增长到与li相同的高度？

我已经开始使用此示例http://jsfiddle.net/Gh6mB/1/

我的中心栏应该在高度和宽度上扩展。左列和右列应在高度上扩展，但应保持宽度固定。

我有什么办法可以简化这个吗？

Answer 1

我修改了css以匹配<table><tbody><tr><td>结构，因为你有一个四级嵌套。我必须在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;    
}