Hello Friends,
I am trying to have the description of image come below the image. Once, I tried with figure and figcaption tags, the- second image goes below. I want to have the three images in same horizontal line while have the description to be below. If you run the code below, you may see my puzzle. Thanks for your helps
I am trying to have the description of image come below the image. Once, I tried with figure and figcaption tags, the- second image goes below. I want to have the three images in same horizontal line while have the description to be below. If you run the code below, you may see my puzzle. Thanks for your helps
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<center>
<a href="contacts.html" ><figure><img src="contact11.png">
<figcaption>Contact Her</figcaption></figure></a>
<a href="https://www.facebook.com/dhakshinidesilva?mibextid=LQQJ4d" target="_blank">
<figure><img src="facebook11.png">
<figcaption>facebook</figcaption></figure></a>
<a href="https://instagram.com/dhakshinidesilva?igshid=YmMyMTA2M2Y=" target="_blank">
<figure><img src="instagram11.png">
<figcaption>Instagram</figcaption></figure></a>
</center><br>
<hr>
<center>
<a href="contacts.html" ><img src="contact12.png">
Contact Her</a>
<a href="https://www.facebook.com/dhakshinidesilva?mibextid=LQQJ4d" target="_blank">
<img src="facebook11.png">
facebook</a>
<a href="https://instagram.com/dhakshinidesilva?igshid=YmMyMTA2M2Y=" target="_blank">
<img src="instagram11.png">
Instagram</a>
</center><br><br>
</body>
</html>
