JSFiddle - React, Tailwind, and code Playground

HTML

<a id="en" class="current" href="..."></a>
<ul class="dropdown">
    <li>
        <a id="de" href="..."></a>
    </li>
</ul>

CSS

a{
  display:block;
  height:30px;
  padding-left:24px;
  background-repeat:no-repeat;
}

@media (max-width: 500px) {
 a:after{content: none !important;}
}
#en {
    background-image: url(http://icons.iconarchive.com/icons/custom-icon-design/all-country-flag/24/United-Kingdom-flag-icon.png);
}
a#en:after{
   content: "English";
}
a#de {
    background-image: url(http://icons.iconarchive.com/icons/hopstarter/flag-borderless/24/Germany-icon.png);
}
#de:after{
  content: "Deutsch";
}