ul mit margin left lässt sich nicht verschieben..?

Hallo zusammen, Ich muss für ein Schulprojekt eine Website erstellen, die ein fiktives Produkt bewirbt und habe dafür notdürftig eine Homepage zusammengebastelt. Ich weiß, dass der Schreibstil der Website nicht der Beste ist, allerdings ist diese Änderung die letzte bevor der Fertigstellung. Nun zum Problem: Ich kann die letzte Beschreibung von der Person nicht weiter nach rechts verschieben durch margin-left.... Allerdings hat es davor immer geklappt. Was muss ich ändern, damit sich die ul>weiter nach rechts verschiebt?

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
    <!DOCTYPE html>
<html>
    <head>
          <meta charset="utf-8">
        <title>Bodywarmer - Stay warm all day long </title>
     <style>
     #body {
    background-color: #D4D4D4;
}
 
.wilkommen {
        text-align: center;
        color: #333;
        text-decoration: none;
}
 
 
 
    body {margin:0;}
 
.topnav {
  overflow: hidden;
  background-color: #333;
 
}
 
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 20px;
  text-decoration: none;
  font-size: 21px;
}
 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX