Jak wstawić napis pod obrazkami?

pytanie zadane 9 maja 2016 w HTML i CSS przez barteku12 Obywatel (1,340 p.)
edycja 9 maja 2016 przez barteku12

Witam, jak zrobić żeby pod każdym z tych obrazków był napis?

http://scr.hu/4ngl/qfa9x

Nie patrzcie na kolorki, na tło, to jeszcze mam nadzieję, poprawię tylko nie wiem jak zrobić napisy, żeby były tak samo i równo. Chodzi mi np pod pierwszym kultura, pod drugim sport

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	
	<title></title>
	
	<meta name="description" content="Opis w Google" />
	<meta name="keywords" content="słowa, kluczowe, wypisane, po, porzecinku" />
	<link rel="stylesheet" href="styltom.css" type="text/css"/>
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
	</head>
<body style="margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden">

<div style="position: absolute; z-index: 2; width: 100%; height: 100%; overflow: auto">
	<div style="margin: 10px">
<div id="container"> 
<div id="menu">  Tomaszów Lubelski  </div> 
<div id="content"> 
<div class="okno">  
 
<img src="tdk.jpg" width="265px"; height="140px"; />
	</div>
<div class="okno" > <img src="tks.jpg" width="266px"; height="140px" alt="Sport" /> </div>
<div class="okno"><img src="urzad.jpg" width="266px"; height="140px"; /> </div>
<div style="clear:both"></div>
<div class="okno"><img src="lo.jpg" width="266px"; height="140px"; /> </div>
<div class="okno"> <img src="gospo.jpg" width="266px"; height="140px"; /></div>
<div class="okno">  <img src="herb.jpg" width="266px"; height="140px";  /></div>

<div style="clear:both"></div>
</div> 
<div id="footer"> Tomaszów Lubelski &copy; Bartek Kudełka </div> 
</div>
	</div>
</div>
<div><img src="tlo.jpg" alt="" style="width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1" /></div>
</body>
</html>