Drone
Laptop
Scope
Solar
Hallway
Processor
Käyttöönotto
Ilman kuvatekstejä
<![CDATA[
/* style.css */
.gallery{
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 1em;
}
.gallery img{
max-width: 300px;
}
]]>
<![CDATA[
<!-- HTML -->
<div class="gallery">
<img src="img/drone.jpg" alt="drone">
<img src="img/laptop.jpg" alt="laptop">
<img src="img/scope.jpg" alt="scope">
</div>
]]>
Kuvateksteillä
<![CDATA[
/* style.css */
.gallery{
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 1em;
}
.gallery img{
max-width: 300px;
}
.gallery figure{
margin:0;
}
]]>
<![CDATA[
<!-- HTML -->
<div class="gallery">
<figure><img src="img/drone.jpg" alt="drone"><figcaption>drone</figcaption></figure>
<figure><img src="img/laptop.jpg" alt="laptop"><figcaption>laptop</figcaption></figure>
<figure><img src="img/scope.jpg" alt="scope"><figcaption>scope</figcaption></figure>
</div>
</div>
]]>