向悬停图像缩放添加文本

Question

我需要修改以下代码。我希望能够在图像的最低五分之一处添加一行文本（最好是“ alt”文本）。 CSS / HTML代码应如何修改？我是一个完全菜鸟，所以我不知道该怎么做！希望有人能帮忙。

CSS:
.thumbnail:hover {
    position:relative;
    top:-25px;
    left:-35px;
    width:250px;
    height:auto;
    display:block;
    z-index:999;
}

HTML:
<img src="johnjohnson.jpg" class="thumbnail" alt="John Johnson" width="45" />