​x
 
<html>
<head>
<title>CSS tutorial</title>
<style type="text/css">
ul {
    position:relative;
    text-align:center;
}
li {
    list-style-type:none;
    padding:2px; 
    width:100px; height:60px;
    border:2px groove teal; 
}
</style>
</head>
​
<body>
<h5>Click on a thumbnail to enlarge thr picture</h5>
<ul>
<li><a href="../../../img/tutorials/css_gallery_ex1b.jpg" target="_blank"><img src="../../../img/tutorials/css_gallery_ex1s.jpg" alt="model #1" width="100" height="60" /></a></li>
<li><a href="../../../img/tutorials/css_gallery_ex2b.jpg" target="_blank"><img src="../../../img/tutorials/css_gallery_ex2s.jpg" alt="model #2" width="100" height="60" /></a></li>
<li><a href="../../../img/tutorials/css_gallery_ex3b.jpg" target="_blank"><img src="../../../img/tutorials/css_gallery_ex3s.jpg" alt="model #2" width="100" height="60" /></a></li>
</ul> 
</body>
</html>