Is this HTML structure and CSS DRY enough in this country selection menu?
This should be an ul. Even without CSS you will have a navigational structure. How about giving your nav a better suited name like .nav-localization?

Also I guess the div's inside your links will act like as sub navigations? These would be ul's as well then.

I've added comments to get rid of the whitespace between the list-items, since you're using display: inline-block;. This looks quite dirty, but it's the best solution for the whitespace issue and inline-block.

Here is the markup, I'd go for:

&lt;ul class="nav-localization"&gt;
    &lt;li class="locale"&gt;
        &lt;a href="#"&gt;
            North America
        &lt;/a&gt;
        &lt;ul class="sub-nav americas"&gt;&lt;/ul&gt;
    &lt;/li&gt;&lt;!--
 --&gt;&lt;li class="locale"&gt;
        &lt;a href="#"&gt;
            Europe
        &lt;/a&gt;
        &lt;ul class="sub-nav europe"&gt;&lt;/ul&gt;
    &lt;/li&gt;&lt;!--
 --&gt;&lt;li class="locale"&gt;
        &lt;a href="#"&gt;
            Korea
        &lt;/a&gt;
        &lt;ul class="sub-nav korea"&gt;&lt;/ul&gt;
    &lt;/li&gt;&lt;!--
 --&gt;&lt;li class="intlButton"&gt;
        &lt;a href="#"&gt;
            &lt;i class="fa fa-globe"&gt;&lt;/i&gt;
        &lt;/a&gt;
    &lt;/li&gt;
&lt;/ul&gt;


How you would select:

.nav-localization {}

.nav-localization &gt; li {}

.nav-localization &gt; li &gt; a {}

.nav-localization .sub-nav {}