I have an unordered list in which each li contains a different image. I am looking to place text on top of each of the images while keeping the list construct intact. I can only find solutions which involve putting the image in a div followed by a p tag and then styling accordingly...I want to keep the images in list form as I have them displayed in rows of two on the page.
I have an unordered list in which each li contains a different image. I am looking to place text on top of each of the images while keeping the list construct intact. I can only find solutions which involve putting the image in a div followed by a p tag and then styling accordingly...I want to keep the images in list form as I have them displayed in rows of two on the page.
Any help is very much appreciated!
You can still do that by setting the
<li>to inline-block: http://codepen.io/chrisburton/pen/bvnltSorry! I phrased that incorrectly...I want the text to appear overlayed on the image, as in an image with text in the middle of the image
@rhoff37 Like this? http://codepen.io/chrisburton/pen/dCyBf
This great, thanks for your help!