Wie setze ich in HTML einen Abstand zwischen Bildern?

Um in HTML einen Abstand zwischen zwei Bildern zu setzen, kannst du verschiedene Methoden verwenden. Hier sind einige gängige Ansätze:

1. **CSS Margin**: Du kannst den Bildern eine `margin`-Eigenschaft zuweisen, um den Abstand zu steuern.

```html
<style>
img {
margin-right: 10px; /* Abstand nach rechts */
}
</style>
<img src="bild1.jpg" alt="Bild 1">
<img src="bild2.jpg" alt="Bild 2">
```

2. **HTML `br`-Tag**: Du kannst auch ein `<br>`-Tag zwischen den Bildern einfügen, um einen Zeilenumbruch zu erzeugen.

```html
<img src="bild1.jpg" alt="Bild 1">
<br>
<img src="bild2.jpg" alt="Bild 2">
```

3. **CSS Padding**: Eine andere Möglichkeit ist, Padding in einem umgebenden Container zu verwenden.

```html
<div style="padding: 10px;">
<img src="bild1.jpg" alt="Bild 1">
<img src="bild2.jpg" alt="Bild 2">
</div>
```

4. **Flexbox**: Wenn du eine flexiblere Anordnung benötigst, kannst du Flexbox verwenden.

```html
<style>
.container {
display: flex;
gap: 10px; /* Abstand zwischen den Bildern */
}
</style>
<div class="container">
<img src="bild1.jpg" alt="Bild 1">
<img src="bild2.jpg" alt="Bild 2">
</div>
```

Wähle die Methode, die am besten zu deinem Layout passt!