1

ブロックの下部にいくつかの単語を追加する必要があります。.label はブロックです。中には .label_title があり、その下にもブロックである picture/link があります。画像/リンクの下に簡単な説明が必要ですが、.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 に答える