Как наложить текст поверх картинки?

<li><a href="[(site_url)][~[+id+]~]">[+img-news+]</a>
          <div class="floater">
            <h2><a href="[~[+id+]~]" title="[+longtitle+]">[+longtitle+]</a></h2>
            <p>[+introtext+]</p>
          </div>
        </li>

<div class="wrapper col2">
  <div id="featured_slide">
    <div id="featured_content">
      <ul>
 [[Ditto? &tpl=`slide-tpl` &startID=`4` &depth=`5` &sortDir=`ASC` &randomize=`1` &hideFolders=`1` &sortBy=`editedon`]]   
		
      </ul>
    </div>
    <a href="javascript:void(0);" id="featured-item-prev"><img src="/assets/templates/site/images/prev.png" alt="" /></a> <a href="javascript:void(0);" id="featured-item-next"><img src="/assets/templates/site/images/next.png" alt="" /></a> </div>
</div>