[Hỏi đáp] Để tên medal vào trong khung

Tình hình mình mún đặt hiện tên medal nó nằm trong khung như thế này:

Em mới chèn cái này để cho nó hiện:

Code:

<script>$('.medaldo').after('<div class="tenmedal"></div>');
     $('.batlayno img').hover(function(){
     $(this).parents('.medaldo').next().text($(this).attr('title')).css('display','block')},function(){$('.tenmedal').css('display','none')});
     
     
     if($('.post:first-child .post-entry').height()>200){$('.post:first-child .post-entry').after('<div class="xemthemne">Xem thêm</div>');$('.xemthemne').click(function(){$('.post:first-child .post-entry').toggleClass('meohachac')});}
     else{$('.xemthemne').remove()}
</script>

Nhờ các pro điều chỉnh để nó phù hợp ạ...thanks!

Xin lỗi vì méo không pro nên không giúp được
Tiện thể không đăng link demo nên khả năng cao sẽ vào sọt

---

Tiện thể nói luôn, cái khung medal ta làm lý do không để trong khung là vì nó sẽ che khuất dòng medal cuối khi hiện, tự dưng mi lại muốn cho nó vào nên ta cho vào luôn
Tìm trong CSS đoạn .tenmedal và thay bằng

Code:

.tenmedal {
line-height: 25px;
font-weight: bold;
text-align: center;
width: 152px;
height: 25px;
background: rgba(0,0,0,.7);
position: absolute;
margin-left: -200px;
margin-top: -70px;
color: #fff;
display: none;
}