Un esempio di codice semplice:
codice:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<style type="text/css">
.tab1, .tab2 {
    text-align: center;
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 10px;
}
#clear {
    clear: both;
}
</style>
</head>

<body>
<div class="tab1">
  <img src="img1.png" width="300" height="200" alt=""/><br>
  Didascalia
</div>
<div class="tab1">
  <img src="img2.png" width="300" height="200" alt=""/><br>
  Didascalia
</div>
<div class="tab1">
  <img src="img3.png" width="300" height="200" alt=""/><br>
  Didascalia
</div>
<div class="tab1">
  <img src="img4.png" width="300" height="200" alt=""/><br>
  Didascalia
</div>
<div id="clear">&nbsp;</h6></div>
<div class="tab2">
    <img src="img5.png" width="300" height="200" alt=""/><br>
  Didascalia
</div>
<div class="tab2">
    <img src="img6.png" width="300" height="200" alt=""/><br>
  Didascalia
</div>
<div class="tab2">
    <img src="img7.png" width="300" height="200" alt=""/><br>
  Didascalia
</div>
<div class="tab2">
    <img src="img8.png" width="300" height="200" alt=""/><br>
  Didascalia
</div>
</body>
</html>