<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
.img-frame-cap {
width: 200px;
background: #fff;
padding: 18px 18px 2px 18px;
border: 1px solid #999;
}
.caption {
text-align: center;
margin-top: 4px;
font-size: 12px;
}
</style>
</head>
<body>
<div class="img-frame-cap">
<img src="/uploads/media/default/0001/02/7f55a71df52da6d26ef4963f78aed38d64a7874c.jpeg" width="200" height="256" alt="Nature">
<div class="caption">Nature</div>
</div>
</body>
</html>