html-Jak umieścić teksty pod obrazkami w jednej linii?

Witam.
Pytanie może skomplikowane, więc już wyjaśniam, o co mi chodzi.
Napisałem sobie kawałek kodu:
I mam dwa gif-y obok siebie (później będzie ich szesnaście). Chciałbym teraz pod każdym z nich umieścić odsyłacz do konkretnej podstrony. I w zasadzie mi się to udało

tylko że podzielenie nazwy "kujawsko-pomorskie" przy pomocy <br> (zresztą przy pomocy <p> podobnie) powoduje, że drugi człon ląduje pod pierwszą nazwą i robi się "Śląskie pomorskie" . Podzielić tę nazwę muszę, bo nie inaczej nie zmieści się w 70px szerokości gif-u. Co zrobić, żeby ten drugi człon był tam, gdzie powinien, czyli pod pierwszym? Próbowałem już wziąć to w obramowanie, ale nic z tego nie wyszło.
Tutaj screen, tego o czym piszę:

Musisz w takim razie zrobić tabelę, która będzie miała docelowo 16 kolumn i 2 wiersze, w górnym będą obrazki, w dolnym odnośniki i żeby nie szpeciło obramowaniem - wyłączyć wyświetlanie ramki. Za wszystko będą odpowiadały tagi <table>, <tr>, <td>, oraz odpowiednie właściwości - m.in. border (dla tagu <table>) ustawiający grubość ramki (=0 dla wyłączonej), a także inne, jeżeli chcesz np. ustawić wysokość komórek w tabeli, wyrównanie tekstu, wszystko znajdziesz bez problemu w prostych kursach HTML.

Zrób osobne akapity np.

Style możesz zdefiniować w nagłówku lub osobnym arkuszu CSS, żeby nie powtarzać x-razy

Witam, najprościej chyba tak:

I w CSS:

W przeciwieństwie do tabeli (tabele służą do tabel, a obrazki z linkami to raczej nie są dane tabelaryczne) tutaj nie będzie stałej liczby obrazków we wierszu - będzie ich tyle ile się zmieści. Żeby to jakoś wyglądało, warto dodać padding i margin dla divów w których są obrazki.

Pozdrawiam, Krzysztof.

Kolega krzychoocpp ma rację, ale zapomniał dodać bardzo ważnej rzeczy - przy tworzeniu strony z wykorzystaniem stylu XHTML/CSS trzeba szczególnie uważać na dostosowanie jej do wielu przeglądarek, ponieważ każda z dostępnych w praktyce inaczej "czyta" owe style
Radzę się tym pobawić przy dłuższej chwili wolnego czasu