Cześć,
Wiem że to troche głupie ale nad tymi tabelami siedzę godzinę i nadal nie wiem jak wysirodkować te dane.

[HTML] pobierz, plaintext 
<div id='elements'>
<table>
<tr width='100%' align='center'>
<td>
<table>
<tr><td class='four_element' align='center'><img src='<? echo $woda_img; ?>'></td></tr>
<tr><td class='four_element_txt'><b><? echo $woda_txt; ?></td></tr>
</table>
</td>
<td>
<table>
<tr><td class='four_element' align='center'><img src='<? echo $ogien_img; ?>'></td></tr>
<tr><td class='four_element_txt'><b><? echo $ogien_txt; ?></td></tr>
</table>
</td>
<td>
<table>
<tr><td class='four_element' align='center'><img src='<? echo $powietrze_img; ?>'></td></tr>
<tr><td class='four_element_txt'><b><? echo $powietrze_txt; ?></td></tr>
</table>
</td>
<td>
<table>
<tr><td class='four_element' align='center'><img src='<? echo $ziemia_img; ?>'></td></tr>
<tr><td class='four_element_txt'><b><? echo $ziemia_txt; ?></td></tr>
</table>
</td>
</tr>
</table>
</div>
[HTML] pobierz, plaintext 

Chcę aby obrazki + opis były wisirodkowane względem diva elements niby wszytstko dobrze główna tabela ma szerokość 100% czyli tą co div elements ale jednak nie.

Tylko nie chcę aby obrazki było osobno a tekst osobno bo tu mi właśnie chodzi aby to było obok siebie w kodzie. obrazek + napis

Próbowałeś dodać w CSS:

lub

Nigdzie nie zamykasz tagu b.

Wysirodkowanie tekstu działa dobrze dla tych tabel:

[HTML] pobierz, plaintext 
<table>
<tr><td class='four_element' align='center'><img src='<? echo $woda_img; ?>'></td></tr>
<tr><td class='four_element_txt'><b><? echo $woda_txt; ?></td></tr>
</table>
</td>
<td>
<table>
<tr><td class='four_element' align='center'><img src='<? echo $ogien_img; ?>'></td></tr>
<tr><td class='four_element_txt'><b><? echo $ogien_txt; ?></td></tr>
</table>
</td>
<td>
<table>
<tr><td class='four_element' align='center'><img src='<? echo $powietrze_img; ?>'></td></tr>
<tr><td class='four_element_txt'><b><? echo $powietrze_txt; ?></td></tr>
</table>
</td>
<td>
<table>
<tr><td class='four_element' align='center'><img src='<? echo $ziemia_img; ?>'></td></tr>
<tr><td class='four_element_txt'><b><? echo $ziemia_txt; ?></td></tr>
</table>
[HTML] pobierz, plaintext 

Ale chcę by te właśnie tabele były razem wzięte i wysirodkowanie względem diva elements

A rzeczywiście dzięki, ale to nadal nie rozwiązuje problemu.

Pokaż kod wraz z elementem w którym mają byc wyśrodkowane tabele, tak na pierwszy rzyt oka widzę że te tabele wcale Ci nie są potrzebne, div byłby lepszym rozwiązaniem (dla html5 figure)

Mam coś takiego:

[HTML] pobierz, plaintext 
<table width='100%'>
<tr align='center'>
<td>
<table class='four_element' align='center'>
<tr><td width='100%' align='center'><img src='<? echo $woda_img; ?>'></td></tr>
<tr><td class='four_element_txt'><b><? echo $woda_txt; ?></b></td></tr>
</table>
</td>
<td>
<table class='four_element' align='center'>
<tr><td width='100%' align='center'><img src='<? echo $ogien_img; ?>'></td></tr>
<tr><td  class='four_element_txt'><b><? echo $ogien_txt; ?></b></td></tr>
</table>
</td>
<td>
<table class='four_element' align='center'>
<tr><td width='100%' align='center'><img src='<? echo $powietrze_img; ?>'></td></tr>
<tr><td class='four_element_txt'><b><? echo $powietrze_txt; ?></b></td></tr>
</table>
</td>
<td>
<table class='four_element' align='center'>
<tr><td width='100%' align='center'><img src='<? echo $ziemia_img; ?>'></td></tr>
<tr><td class='four_element_txt'><b><? echo $ziemia_txt; ?></b></td></tr>
</table>
</td>
</tr>
</table>
[HTML] pobierz, plaintext 

Tym razem rozjechało mi się po całej szerokości.

html 5 figure to dobry pomysł wczesniej tego nie znałem ale teraz patrzę nawet fajne Spróbuje zastosować.

Ok jest tak jak chciałem dzięki