1

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

1 回答 1

0

为 .label 使用垂直对齐属性

vertical-align:text-bottom;

小提琴

于 2012-11-02T13:34:31.537 回答