HTML/CSS Bilder nebeneinander mit Abstand?

Ich habe zwei Bilder mittig nebeneinander, so dass es nur einen ganz kleinen Spalt zwischen den zwei Bildern gibt. Wie kann ich den Spalt vergrößern?

Answer 1

[EinAlexander]

Ich habe zwei Bilder mittig nebeneinander, so dass es nur einen ganz kleinen Spalt zwischen den zwei Bildern gibt. Wie kann ich den Spalt vergrößern?

<style>
img {
   display:inline-block;
   margin-left:5px;
   margin-right:5px;
}
</style>
<img src="bild1.gif" alt="" width="200" height="200">
<img src="bild2.gif" alt="" width="200" height="200">

durch die Angabe margin-left und margin-right hat jedes Bild einen Abstand von 5px nach links und 5px nach rechts. Somit liegen die beiden Bilder jetzt 10px auseinander.

Alex

Answer 2

[germanils]

Kommt drauf an, wie du das aktuelle Layout gemacht hast.

Grundsätzlich ist es hilfreich, sich mit dem Flexible Box Model vertraut zu machen:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Woher ich das weiß: Berufserfahrung – Entwicklung von Apps und Websites