Repsonsive row images

Repsonsive row images

by Emmanuel Garcia

HTML

<div id="teasercenter">
<ul>     
    <li><a href="#"><img src="images/small/los-cabos-1.jpg" alt="Los Cabos"></a></li> 
    <li><a href="#"><img src="images/small/los-cabos-2.jpg" alt="Los Cabos"></a></li>
    <li><a href="#"><img src="images/small/los-cabos-3.jpg" alt="Los Cabos"></a></li>
    <li class="lastchild"><a href="#"><img src="images/small/los-cabos-4.jpg" alt="Los Cabos"></a></li>
        
    </ul>
    </div>

CSS

#teasercenter {

margin-left: auto;
margin-right: auto;
position: relative;
z-index: 1000;
    text-align:center;
}
teaserfotolc {
    padding-right:0px;
}
#teasercenter ul li {
    display:inline-block;
    margin: 0;
    
}