How do I put an Ionicon over an image?


#1

I have an unordered list of images. In the top left corner and the top right corner I need to be able to put colored Iconicons.

When I put the “i” markup above the “img” markup the icon just pushes the image down. I can’t make it float over it.

How do I do this?

Thank you!


#2

Ionicons seem to be text symbols. You could try this: http://www.w3schools.com/css/tryit.asp?filename=trycss_image_text_top_left putting the icon tag instead of simple “Top Left” text


#3

That’s not an option because it’s placing the text by absolute value.

Images in an unordered list are not always at absolute locations.

Thanks though.