แสดงข้อความในภาพด้านล่าง

แสดงข้อความในภาพด้านล่าง

HTML
<a href="#" class="love">
    <img src="......."/>
    <p>saikanojo<p>
</a>

CSS
a.love { display:block; width: 250px; height: 170px; position: relative; overflow: hidden; }
a.love img{ width: 100%; height: 100%; }
a.love p{ display:block; position:absolute; bottom: 0; left: 0;  height: 20px; line-height: 20px; overflow: hidden; padding: 4px 2%; width: 95.99%; background: rgba(000,000,000,0.6); }