Galerija

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="galer.css">
<style>
.galerija
{
    margin: 5px;
    border: 1px solid lightgray;
    display:inline-block;
    width:200px;
    height:200px;
}
.galerija:hoover
{
    border:1px solid black;
}
.slicica
{
    width:200px;
    height:130px;
}
.opis,h1
{
    padding:15px;
    text-align:center;
    color:darkblue;
}
</style>
</head>


<body>
<div class="galerija">
<a target="_blank" href="slika1.jpg">
    <img src="slika1.jpg" alt="Opis slike" class="slicica">
    </a>
    <div class="opis">Veoma lepa prva slicica</div>
</div>


<div class="galerija">
<a target="_blank" href="slika2.png">
<img src="slika2.png" alt="Opis slike" class="slicica">
</a>
<div class="opis">Opis druge slike</div>
</div>

<div class="galerija">
<a target="_blank" href="slika3.jpg">
<img src="slika3.jpg" alt="opis slike" class="slicica">
</a>
<div class="opis">Opis trece slike</div>
</div>


<div class="galerija">
<a target="_blank" href="slika4.jpg">
<img src="slika4.jpg" class="slicica" alt="Opis">
</a>
<div class="opis">Opis cetvrte slike</div>
</div>


</body>
</html>