[CSS]Wyśrodkowanie w pionie - problem Opcje

[iki]

Witam
Mój problem polega na tym, iż nie działa wyśrodkowanie w pionie elementu, który chciałbym wyśrodkować, a wszystkie inne selektory da się wyśrodkować bez problemu.

[HTML] pobierz, plaintext 
Kod strony:
<div id="t_head">Logo
 
 
			</div>
 
 
			<div id="t_m1" class="menu">Przeglądaj </div>
 
			<div id="t_m2" class="menu">Kontynuuj</div>
 
			<div id="t_m3" class="menu">Rozwiązuj</div>
 
			<div id="t_m4" class="menu">i</div>
 
A tutaj CSS:
 
html {
	display:table;
}
body {
	display:table-cell;}
 
html, body { 
	background-image: url(background.jpg) ; 
	background-size: 100%, 100%;
	height: 100%;
	width: 100%;
}
 
#t_head { 
	border: 1px;
	border-color: white;
	background-image: url(b_index.png);
	width: 800px;
 
 
}
 
#t_m1 {
	width: 234px; 
	float: left;
	background-image: url(b_index.png);
 
}
 
#t_m2 {
	width: 234px; 
	float: left;
	background-image: url(b_index.png);
 
}
 
#t_m3 {
	width: 234px; 
	float: left;
	background-image: url(b_index.png);
 
}
 
#t_m4 {
	width: 98px; 
	float: left;
	background-image: url(b_index.png);
 
 
.menu {
	color: white;
	height: 78px;
	display: table-cell;         <----
	vertical-align: middle;     <----
	text-align:center;             
	font-size: 28px;
 
 
}
 
[HTML] pobierz, plaintext 

Jak widzicie na końcu kodu, mam wstawione dwie linijki CSS, które powinny ustawić tekst w pionie. Są one poprawnie sformułowane, ponieważ, kiedy przypiszę te wartości dla ,,t_head", wyśrodkowuje tekst, który na roboczo do niego wpiszę. Nie działa również, gdy przeniosę te wartości wyżej do ,,t_m1" i tak dalej. Selektory ,,t_head" oraz ,,t_m1" itd. mają tego samego rodzica. Czy ktoś wie czym jest to spowodowane?

[trueblue]

Wyrzuć float z tych komórek.
Brakuje zamknięcia za stylem dla #t_m4.

[iki]

Zamknięcie jest, tylko nie skopiowałem bo dokleiłem ostatnie wartości ręcznie. Tak czy tak, jest zamknięty. Tekst wyświetla się na biało. Dlaczego mam usunąć? Jest mi to potrzebne, aby okna wyświetlały się obok siebie jak w menu.

Edycja:
No rzeczywiście, jak usunę float, wyśrodkowanie działa. Kurcze i co mam teraz zrobić aby wyświetlały się obok siebie?

Ten post edytował iki 28.01.2017, 13:13:36

[trueblue]

float nie jest potrzebne, aby elementy wyświetlały się obok siebie, bo nadałeś mi display:table-cell.

[iki]

Rzeczywiście, wszystko w porządku. Dziękuję serdecznie