Kilka div w jednej lini

HTML  Założony przez  CoJestXdd.

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
Tak, wiem, że istnieje taka opcja jak "Pomógł" ale moim zdaniem kultura wymaga słownej/pisemnej formy podziękowania także proszę mnie nie upominać w kwestii podziękowań.
Divy są blokami, nadaj im display: inline-block; albo float: left;
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
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).
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



Użytkownicy przeglądający ten wątek:

1 gości