嵌套块？在块底部添加文本答案

【问题标题】：Nesting blocks? Adding text at the bottom of a block嵌套块？在块底部添加文本
【发布时间】：2012-11-02 13:01:10
【问题描述】：

我需要在块的底部添加一些单词。 .label 是块。里面是一个.label_title，下面是图片/链接，也是一个块。在图片/链接下需要一个简短的描述，但我希望它留在 .label 块中。我尝试使用

.label 但它没有显示。我不确定这是因为 css 还是我不能在块 (.label_seo1_1) 下方的块 (.label) 内嵌套块 (

)。抱歉，如果这令人困惑，我不知道该怎么说。基本上我想在.label_seo1_1 下的.label 块底部添加一个段落。我粘贴了我当前使用的css代码和html。

尝试图形化描述。

*********.label*********************
*    .label_tile                   *
*   **Link/picture(block**         *  
*   ****************               *
*      ****Want to add text****    *
************************************


 .label {
display: block;
float: left;
width: 160px;
height: 200px;
}

 .label_title {

font-size: 12px;
line-height: 14px;
height: 15px;
text-align: center;
font-weight: bold;
color: #fff;
}


 .label_seo1_1{
width: 150px;
height: 155px;
display: block;
margin: 0 auto;
}

 .label_seo1_1 {
background: url('images/label_seo1_1.png') no-repeat;   
}





 <div class="label">
<div class="label_title">6000 Blog Comments</div>
      <a class="label_seo1_1" href="<?php echo esc_url( home_url( '/6000-blog-           comments/' ) ); ?>"></a>
  </div>

【问题讨论】：

这样 - jsfiddle.net/elen/Hrx2C ?
是的，就像接受我不想要边框一样。我去试试
我添加了仅用于视觉表示的边框...
现在我该如何标记这个问题已回答。感谢一切工作完美。几天来我一直在尝试这样做

标签： css block

【解决方案1】：

为 .label 使用垂直对齐属性

vertical-align:text-bottom;

fiddle

【讨论】：

另一个问题。 .Label_title 正在运行到 Label_seo1。知道如何将它们分开一点
@user1792478 是的，使用 margin 属性，即 margin-bottom: 2px; - jsfiddle.net/elen/Hrx2C/2