Question

我需要在块的底部添加几个单词。 .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>

Answer 1

对.label使用vertical align属性

vertical-align:text-bottom;

fiddle

嵌套块？在块的底部添加文本

1 个答案: