How to add more images in one line / put images side by side /

एक लाइन में अधिक इमेज कैसे जोड़े / छवि को अगल-बगल कैसे रखें

यह कोड कॉपी करके अपने ब्लॉग में पेस्ट कर दीजिएयह कोड कॉपी करके अपने ब्लॉग में पेस्ट कर दीजिए

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HTML</title>
<style>
	
	.column {
	  flex: 30%;
	  padding: 5px;
	}
	img {
	  width: 100%;
	}
	.container {
	   display: flex;
	}

	
</style>
</head>  
<body>
    <h2> put image side by side</h2>
	<div class="container">
	   <div class="column">
       <a href="https://www.mynimach.com">
	     <img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_UpFqCSGq1tI16cv-To3MSqstUT7tWhklnu3YPZgqFmGUT-v0f0H39fnozp_F3nixFUfGUU6Vp1ooW03T4DwBHgwzSx9UM-Ss-cWMhyj5WXAbgyi2h1Z8DDYlSfVXjb1Jw8g7mgO1KOhFjEYnokia9g7yeJqJNC-MzSjkFZAZ7nLKmiN1h3wsDos6Zt0/s320/image%201.jpg" alt="image1"></a>
	   </div>
	   <div class="column">
       <a href="https://www.mynimach.com">
	     <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_UpFqCSGq1tI16cv-To3MSqstUT7tWhklnu3YPZgqFmGUT-v0f0H39fnozp_F3nixFUfGUU6Vp1ooW03T4DwBHgwzSx9UM-Ss-cWMhyj5WXAbgyi2h1Z8DDYlSfVXjb1Jw8g7mgO1KOhFjEYnokia9g7yeJqJNC-MzSjkFZAZ7nLKmiN1h3wsDos6Zt0/s320/image%201.jpg"></a>
	   </div>
       <div class="column">
       <a href="https://www.mynimach.com">
	     <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_UpFqCSGq1tI16cv-To3MSqstUT7tWhklnu3YPZgqFmGUT-v0f0H39fnozp_F3nixFUfGUU6Vp1ooW03T4DwBHgwzSx9UM-Ss-cWMhyj5WXAbgyi2h1Z8DDYlSfVXjb1Jw8g7mgO1KOhFjEYnokia9g7yeJqJNC-MzSjkFZAZ7nLKmiN1h3wsDos6Zt0/s320/image%201.jpg"></a>
	   </div>
	   <div class="column">
       <a href="https://www.mynimach.com">
	     <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_UpFqCSGq1tI16cv-To3MSqstUT7tWhklnu3YPZgqFmGUT-v0f0H39fnozp_F3nixFUfGUU6Vp1ooW03T4DwBHgwzSx9UM-Ss-cWMhyj5WXAbgyi2h1Z8DDYlSfVXjb1Jw8g7mgO1KOhFjEYnokia9g7yeJqJNC-MzSjkFZAZ7nLKmiN1h3wsDos6Zt0/s320/image%201.jpg"></a>
	   </div>
	</div>
</body>
</html>

इस कोड में आप अपने इमेज के लिंक जोड़कर इसमें अपनी इच्छा अनुसार कोई सी भी इमेज जोड़ सकते हैं तथा उस इमेज पर क्लिक करने पर अन्य पोस्ट या इमेज ओपन करने के लिए भी आप एक अन्य लिंक जोड़ सकते हैं

How to add more images in one line / put images side by side /

एक लाइन में अधिक इमेज कैसे जोड़े / छवि को अगल-बगल कैसे रखें

Post a Comment

Contact form