Add title for multiple images

See more:

CSS

MVC

Hi I'm using MVC application to display set of images by using foreach loop. now i want display the name center of each images.(names like label).

Here my code...

MVC View code.

<div>
          @foreach(var image in ViewBag.publist)
          { 
           <a href="@Url.Action(" pubfuldetails=", " pub=",new { ID = image.ID   },null)"><img class="imgOpa" src="@image.Username" style="width:250px;height:180px;"  hspace="10"; vspace="30"; /></a>
  
    
           }
</div>

CSS code...

 <style type="text/css">

    .imgOpa
    {

        transition: all .2s ease-in-out;
    }
        .imgOpa:hover
        {
             box-shadow: 10px 10px 5px #888888;
             transform: scale(1.1);
        }
/*.imageHolder
 { position: relative;}
 .imageHolder .caption
 { position: absolute;top: 40%; left: 0px; color:#fff; text-align:center; font-weight:bold;}*/
 .image-slide-title:hover {
  cursor:pointer;
}
</style>