JSFiddle - React, Tailwind, and code Playground

by Pik_at

HTML

<ul>
    <li class="align-center">
        <img src="http://img2.timeinc.net/instyle/images/2011/GalxMonth/2012-Charlize-Theron-400.jpg">
         <img src="http://img2.timeinc.net/instyle/images/2011/GalxMonth/2012-Charlize-Theron-400.jpg">
         <img src="http://img2.timeinc.net/instyle/images/2011/GalxMonth/2012-Charlize-Theron-400.jpg">
    </li>
    <li class="align-left">
        <img src="http://img2.timeinc.net/instyle/images/2011/GalxMonth/2012-Charlize-Theron-400.jpg">
         <img src="http://img2.timeinc.net/instyle/images/2011/GalxMonth/2012-Charlize-Theron-400.jpg">
    </li>
</ul>

CSS

ul {
    position:inline-block;
    width:120px;
    background-color:green;
    padding:5px;
    list-style: none;
}
.align-left: {
    text-align: left;
}
.align-center {
    text-align: center;
}
img {
    width: 33px;
    display: inline-block;
}