Menu avec élément répartit régulièrement

Il y a un an j'avais posté cette question
http://forum.alsacreations.com/topic-4-68983-1-RESOLUT-Repartir-regulierement-les-elements-dun-menu-horizontale.html

Pour lequel @gc_nomade m'avais gentiment aidé avec la solution suivante:
http://codepen.io/anon/pen/CIlkK

Le soucis est que j'utilise cette solution sur prestashop, qui propose un option de compression du code Html.
Ce qui a pour conséquence de supprimer les white-space entre chaque élément, et alors la solution ne fonctionne plus.

Voyez vous une solution?
J'ai essayer en vain:

.sf-menu li:after {
  content: "\t";
}

ou

.sf-menu li:after {
  content: " ";
}

Modifié par gotcha5832 (04 Sep 2014 - 18:04)

Bonsoir,

Une methode recente serait d'utiliser : display:flex; et justify-content:space-between; :
(fork de la demo initiale avec la version en display:flex au dessous ) http://codepen.io/gc-nomade/pen/DzEmb

Une autre piste serait de voir si l'option de minifier (ou pas) le HTML est accessible dans la config de presta. http://www.prestashop.com/fr/conseils-optimisation , apparemment oui.

++
Modifié par gc-nomade (04 Sep 2014 - 20:54)