Div with text over image

Question

I have list with images and text. And I want to see text over image.

Answer 1

You can do this using translate transform:

ul{ 
  list-style:none;
}
ul li{
  position: relative;
  float:right;
  width:330px;
}
.textoverlay {   
    position: absolute;
    z-index: 22;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    -webkkit-transform:translate(-50%,-50%);   
    text-align:center;
    width: 100%;
}

  

    

      
Text
      
Lorem ipsum dolor sit amet, co