I would like to add text which displays over an image.
Essentially, this what my code looks like:
-
You will need to paste additional css to give us an idea of what you're dealing with exactly, but here's my 2 cents anyway:
1) Start by placing the image and the text in something that will contain them both:
this is a test
(Careful, your original code has an extra )
2) Add absolute positioning + z-index:
.imageAndText {position: relative;}
.imageAndText .col {position: absolute; z-index: 1; top: 0; left: 0;}
Here's a jsFiddle illustrating: http://jsfiddle.net/sX982/