CSS：内联块与内联文本

我希望我的块由

行高设置（就像我对文本所做的那样）。正如我所知，在这种情况下我应该使用
display:inline block
，但这对我不起作用。为什么?

HTML:

<div class="block">
    <div></div>
</div>
<div class="block">
    test
</div>

现场演示：
大家好，现在在css中添加您的div
空中对齐中间部分

.block div {
     vertical-align: middle;
}


----------------------------------------
现在，如果要将此框居中，请按如下方式添加
文本居中对齐

.block {
    text-align: center;
}

我想你是想让紫色方块垂直居中

在这种情况下，你把事情搞混了：

是块级元素，其中文本不是。因此，如果说
行高
，则指定该元素内容的文本对齐方式，而不是块元素的定位，要解决紫色块的居中问题，请使用填充或边距：

.block div {
    height: 40px;/* 50 - 40 = 10pixel/2 = 5px space */
    width: 28px;
    background-color: #f0f;
    margin-top: 5px;
}

 
那就是按照你所说的去做，你期望的结果是什么？我希望粉色“块DIV”集中在主“块”的中间。我不想对块元素使用hacks，因为我必须同时更改文本的高度和内联div；答案是这样的。非常感谢。