Looking to append some text at the end of a block called .label. Inside this block, there is a sub-element called .label_title, and below that is a picture/link enclosed in another block. Under the picture/link, I wish to include a short description while keeping it within the .label block. I attempted to use
within the .label but it didn't display as expected. Unsure if this is due to CSS constraints or nesting limitations of blocks (.label) under another block (.label_seo1_1). Apologies for any confusion in explanation; struggling to articulate correctly. Essentially, aiming to insert a paragraph at the bottom of the .label block underneath .label_seo1_1. Sharing the current HTML and CSS code below.A visual representation of the structure:
*********.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>