css - 在 3 列布局中定位/对齐中间元素

Question

这是我当前的标记:http://jsfiddle.net/LcMU3/64/ .

我在中间列中定位/对齐元素时遇到问题。

首先，我想将元素垂直居中，水平居中。

其次，我想将箭头“ float ”到“weekLabel”的左右两侧。

最终，它看起来像这样:

我确实尝试过在嵌套的 3 列布局中定位和对齐元素，但我使用这种方法的主要问题是 HTML 标记很难与所有嵌套的 div 一起使用。

非常感谢任何帮助。

Answer 1

以及 display:inline-block 因为 div 默认是 display:block

.weekLabel{
    display:inline-block;
    float:left;
}
.leftArrow {
    display:inline-block;
    float:left;
}

.rightArrow {
    display:inline-block;
    float:left;
}