JSFiddle - React, Tailwind, and code Playground

HTML

<div id="galleries">
            <div>
                <a href="wedding-fotography/" style="color:#993366;">
                    <img alt="gal1" src="http://s1.ipicture.ru/uploads/20110627/3bgv16Af.jpg" />
                    <div>gal1</div>
                </a>
            </div>
            <div>
                <a href="love-story/" style="color: #800000;">
                    <img alt="gal2" src="http://s1.ipicture.ru/uploads/20110627/8HZv6dVT.jpg" />
                    <div>gal2</div>
                </a>
            </div>
            
            <br />
            
            <div>
                <a href="portrets/" style="color: #FFFFFF;">
                    <img alt="gal3" src="http://s1.ipicture.ru/uploads/20110627/GEy7KUzT.jpg" />
                    <div>gal3</div>
                </a>
            </div>
            <div>
                <a href="reportage/" style="color: #FF99CC;">
                    <img alt="gal4" src="http://s1.ipicture.ru/uploads/20110627/6qR40BZg.jpg" />
                    <div>gal4</div>
                </a>
            </div>
        </div>

CSS

html, body {
                text-align:center;
                height:100%;
                width:100%;
                margin:0;
                padding:0;
            }
        
            #galleries {
                height:100%;
                width:100%;
                white-space:nowrap;
            }
            #galleries a, #galleries a:link,#galleries a:hover {
                vertical-align:top;
                font-family: Comic Sans MS;
                font-size: 100%;
                font-weight:bold;
                height:100%;
                text-decoration:none;
                display:inline-block;
            }
            #galleries a img{
                width:100%;
                border:0px;
            }
            #galleries a div{
                white-space:normal;
                text-decoration:underline;
            }
            #galleries > div {
                display:inline-block;
                margin:3% 9%;
                width: 45%;
                
            }
            
            
            
            
            
            
            
            #galleries > div {border:1px red solid;}
            #galleries {border:1px yellow solid;}
            #galleries a, #galleries a:link,#galleries a:hover {border:1px white solid;}
            #galleries a img{border:1px green solid;}