Mam stronę wielojęzyczną na div-ach.
Chciałbym się zapytać w jakich znacznikach najlepiej umieścić poziomo obrazki flag w jednym z div-ów?
Oczywiście tak, aby obrazki nie przylegały do siebie.

A to już jak Ci wygodniej.
Ja bym rozważył zwykły "ul" i "li", z list-style-type: none i display: inline

A po co w ogóle jakieś dodatkowe znaczniki? Jeśłi pomiędzy obrazkami będzie chociażby spacja - będzie odstęp.

Mi te znaczniki "ul" i "li" sprawiają spore problemy.
Ja na razie zrobiłem tak, że w stylach ustawiłem margines dla obrazków z jednej strony i to wydaje się wystarczać.
Zastanawiam się jednak czy jest to poprawne działanie.

A dlaczego nie? To są tylko zwykłe flagi, zwykłe obrazki. Po co przeginać i tworzyć wiele niepotrzebnego kodu (a tak by trzeba było w przypadku ul).

W gruncie rzeczy jeżeli chcesz mieć mniej kodu html to zrób linki z klasą/id i je ostyluj
np:

[HTML] pobierz, plaintext 
<style>
.pl,.en{
display:inline-block;
margin-right:5px;
width:20px;
height:20px;
background-image:url('spritemapy.png');
text-intend:-9999px;
}
.pl{background-position:-20px 0}
</style>
 
<a href="" class="pl">polski język</a>
<a href="" class="en">angielski język</a>
[HTML] pobierz, plaintext