JSFiddle - React, Tailwind, and code Playground

by lalatino

HTML

<div id="lang">
    <a href="uk.html">
        <img src="http://www.wpclipart.com/flags/Countries/U/United_Kingdom/united_kingdom_icon.png"/>
    </a>
    <a href="us.html">
        <img src="http://www.wpclipart.com/flags/Countries/U/United_States/united_states_icon.png"/>
    </a>
</div>

CSS

#lang{position:absolute;top:2em;right:5em;border:10px solid red; }
#lang>a{padding:2px;margin:0;display:block;}
#lang>a:hover{background:green;}
#lang>a+a{display:none;}
#lang:hover>a+a{display:block;}
#lang>a>img{vertical-align:middle;}