Core Code
Core Code Modern Dev Handbook

CSS Gallery Spacing

Margin and gap control spacing between images.

Preview

Code

<style>
.gallery{
display:flex;
gap:15px;
}

.gallery img{
width:120px;
}
</style>

<div class="gallery">
<img src="https://picsum.photos/260/120">
<img src="https://picsum.photos/261/120">
</div>

More CSS Image Gallery Examples (9)

example CSS Basic Image Gallery open example example CSS Grid Image Gallery open example example CSS Flex Image Gallery open example example CSS Gallery Hover Zoom open example example CSS Gallery Image Caption open example example CSS Responsive Gallery open example example CSS Rounded Gallery Images open example example CSS Gallery Overlay Hover open example example CSS Card Style Gallery open example