<html>
<head>
<title>Using display properties</title>
<style>
.main-div{
width : 100%;
height : auto;
display: flex;
flex-direction :row;
justify-content : space-around;
}
</style>
</head>
<body>
<!-----------------section is the element used to create separate division form document in HTML-5------->
<section class="main-div">
<div class="first-div">
<img src="image.png1" width ="100px" height="100px">
<h3>First Image</h3>
<p>This is the paragraph though you about image above displayed in first image</p>
</div>
<div class="second-div">
<img src = "image.png2" width ="100px" height="100px">
<h3>Second Image</h3>
<p>This is the paragraph though you about image above displayed in second image</p>
</div>
<div class="third-div">
<img src="image.png3" width ="100px" height="100px">
<h3>Third Image</h3>
<p>This is the paragraph though you about image above displayed in Third image</p>
</div>
</section>
</body>
</html>