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

By My Nimach - September 14, 2023

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

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

<!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>

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

Search This Blog

MY FRIEND

Click Here For More

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

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

Comments

Post a Comment

joks

good day

Ishq De Fanniyar Song Lyrics | Fukrey Returns

Picsart Photo Editing App Download Link

Contact My Neemuch ( हम से सम्पर्क करे )