JSFiddle - React, Tailwind, and code Playground

by Stéphane LEGRAND

HTML

<script src="http://www.weblobsdesigner.fr/img1.jpg"></script>
<script src="http://www.weblobsdesigner.fr/img2.jpg"></script>
<div id="contener">
    <span id="liens">
        <a href=""><img src="http://www.weblobsdesigner.fr/img1.jpg" width="32" height="32" alt="" /></a>
        <a href=""><img src="http://www.weblobsdesigner.fr/img1.jpg" width="32" height="32" alt="" /></a>
        <a href=""><img src="http://www.weblobsdesigner.fr/img1.jpg" width="32" height="32" alt="" /></a>
        <a href=""><img src="http://www.weblobsdesigner.fr/img1.jpg" width="32" height="32" alt="" /></a>
        <a href=""><img src="http://www.weblobsdesigner.fr/img1.jpg" width="32" height="32" alt="" /></a>
        <a href=""><img src="http://www.weblobsdesigner.fr/img1.jpg" width="32" height="32" alt="" /></a>
        <a href=""><img src="http://www.weblobsdesigner.fr/img2.jpg" width="32" height="64" alt="" /></a>
        <a href=""><img src="http://www.weblobsdesigner.fr/img1.jpg" width="32" height="32" alt="" /></a>
        <a href=""><img src="http://www.weblobsdesigner.fr/img1.jpg" width="32" height="32" alt="" /></a>
        <a href=""><img src="http://www.weblobsdesigner.fr/img1.jpg" width="32" height="32" alt="" /></a>
        <a href=""><img src="http://www.weblobsdesigner.fr/img1.jpg" width="32" height="32" alt="" /></a>
        <a href=""><img src="http://www.weblobsdesigner.fr/img1.jpg" width="32" height="32" alt="" /></a>
        <a href=""><img src="http://www.weblobsdesigner.fr/img1.jpg" width="32" height="32" alt="" /></a>
    </span>
</div>

CSS

#contener {
    width:128px;
    display:inline-block;
    border:1px black solid;
    text-align:center;
    padding-top:5px;
    
}
#liens {
    margin:0;
}

#liens img {
    border: 1px black solid;
    margin:0;
    float:left
}