Jak wyśrodkować menu poziome na stronie

Question

Mam takie menu :

I moje pytanie brzmi jak wyśrodkować te trzy koumny: "Zarejestruj się !" , "Jak zacząć" i "dział 3" żeby było w jednakowych odstępach po bokach.

 

Answer 1

Znasz szerokość ciemnoniebieskiego diva - X - oraz kolumn. Ustaw w środkowej kolumnie margin-left i margin-right na wartości: (szerokość X - 3 * szerokość kolumny) / 2.

Dla dwóch pierwszych kolumn wpisz:

float: left;

A dla ostatniej:

float: right;

 

Comments

float:left też działa dla ostatniej kolumny, najlepiej dla nastepnego diva który jest pod spodem dać tylko clear:both

Answer 2

Zależy jak te trzy guziczki/kolumny są zrobione, jeśli to jakieś menu to powinny być na liście ul/ol. Wtedy powinny mieć one display: inline-block i wtedy wystarczy dać elementowi w którym się znajdują te guziki text-align: center; i gotowe.

Jeśli to po prostu divy to też można próbować z display inline-block albo jakoś ręcznie obliczyć odpowiedni margines chociaż to słabe rozwiązanie.

Answer 3

flex box, albo po prostu daj dla każdego równy margines i usuń niebieskie tło też będzie ok :)