Nav verschiebt sich beim Bewegen von einem Bild.

html.de-Forum HTML, XHTML & CSS
1

Hey HTML Forum. Ich bastel momentan eine Website und möchte ein Bild Rechts neben dem Artikel hinschieben.
aber sobald ich das mit img { margin-bottom: 10%; } bewege, springt das letzte Wort aus der Nav und macht ne
neue Zeile auf. Kann mir jemand helfen?

Bild: http://prntscr.com/84a899 , http://prntscr.com/84a8ob

HTML: [spoiler]

[/spoiler]

CSS:
border: 1px solid #000;
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
margin-left: 70%;
margin-bottom: 600px;

2

Um Elemente nebeneinander anzuzeigen eignen sich folgende Techniken:

[ul]
[li]float[/li][li]Flexbox[/li][li]Tabellen[/li][/ul]
Welche der optimalste Weg ist hängt von dem Anwendungsfall ab. Ohne deine konkreten Inhalte und semantischen Auszeichnungen zu kennen würde ich zu Flexbox raten - float wäre aber ggfs. auch eine Alternative. Beides kann ich in deinem jetzigen Codeschnippsel nicht erkennen.