JSFiddle - React, Tailwind, and code Playground

HTML

<div id="teasercenter">
<ul>     
    <li><a href="#"><img src="http://174.120.23.154/~toon/wp-content/uploads/2012/12/Tag1.jpg" alt="About Dream Click"></a></li> 
    <li><a href="#"><img src="http://174.120.23.154/~toon/wp-content/uploads/2012/12/Tag1.jpg" alt="About Dream Click"></a></li>
    <li class="lastchild"><a href="#"><img src="http://174.120.23.154/~toon/wp-content/uploads/2012/12/Tag1.jpg" alt="About Dream Click"></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;
    
}