bsloki wrote... It should be taken care in your CSS making image as background and text as center aligned for that div  <%@include file="/libs/foundation/global.jsp"%><%@ page import="com.day.cq.wcm.foundation.Image" %><%    Image image = new Image(resource, "image");    image.setSelector(".img");  ...

In the complex component, how to make the image as background image and the text as center align on the background image??

i have already used this but in the teaser section i m facing this issue again

When i am using teaser in my site creation.. it is creating extra div??Is there any way to get rid of it....it is changing my design layout