JSFiddle - React, Tailwind, and code Playground

by pixeloco

HTML

<ul id="one">
    <li><img src="http://novus.web01.sundaramdesign.com/wp-content/themes/novus/images/planlogo-new.png" /></li>
    <li><img src="http://novus.web01.sundaramdesign.com/wp-content/themes/novus/images/planlogo-tricare.png" /></li>
    <li><img src="http://novus.web01.sundaramdesign.com/wp-content/themes/novus/images/planlogo-united.png" /></li>
    <li><img src="http://novus.web01.sundaramdesign.com/wp-content/themes/novus/images/planlogo-bcbs.png" /></li>
</ul>

<ul id="two">
    <li><img src="http://novus.web01.sundaramdesign.com/wp-content/themes/novus/images/planlogo-new.png" /></li>
    <li><img src="http://novus.web01.sundaramdesign.com/wp-content/themes/novus/images/planlogo-tricare.png" /></li>
    <li><img src="http://novus.web01.sundaramdesign.com/wp-content/themes/novus/images/planlogo-united.png" /></li>
    <li><img src="http://novus.web01.sundaramdesign.com/wp-content/themes/novus/images/planlogo-bcbs.png" /></li>
</ul>

CSS

ul#one {
    padding: 0;
    display:table;
    width:100%;
}
ul#one li {
    background-color: orange;
    display:table-cell;
    
}
ul#1 li:nth-child(2n) {
    background-color: wheat;
}



ul#two {
    text-align: justify;
    padding:0;
}

ul#two:after {
    width: 100%;
    display: inline-block;
    content: ".";
    visibility: hidden;
}

ul#two li {
    display: inline-block;
    background-color:pink;
}


img {
    max-width: 100%;
    height: auto;
}