HTML Kilka div w jednej lini

Witam, mam problem z tym, że po napisaniu menu, całość wyświetla się w trzech liniach, chciałbym, by wyświetlało się w jednej. Jak sobie z tym poradzić? Chodzi mi o legendę grup na samym dole http://ugramy.pl

Divy są blokami, nadaj im display: inline-block; albo float: left;

Jeszcze innym rozwiązaniem jest użycie display: flex; dla rodzica. Elementy będą przybierały taki rozmiar, aby się zmieścić w jednej linii.
Przykład: https://jsfiddle.net/edw94bq7/

Flex daje ci pełno ciekawych rozwiązań, ale odbiera ci support dla starych przeglądarek (tych, których używa nieliczny odłamek ludzkości).