HTML+CSS zur Implementierung des Beispielcodes des Dropdown-Menüs der Navigationsleiste

<header Klasse="header">
        <div Klasse="header_left">
            <img src="img/logo.jpg">
        </div>
        <div Klasse="header_rechts">
                <div Klasse="Nummer_rechts">
                    <img src="img/nummer.jpg">
                </div>
                <ul>
                    <a href="#"><li>Startseite</li></a>
                    <a href="#"><li class="Liste anzeigen">
                        Erfolgsgeschichten
                        <ul Klasse="Verschiebeliste">
                            <li>Markendesign</li>
                            <li>Webdesign</li>
                            <li>Grafikdesign</li>
                            <li>Elektronikladen</li>
                            <li>Raum/Architektur</li>
                        </ul>
                    </li></a>
                    <a href="#"><li>Ich möchte gestalten</li></a>
                    <a href="#"><li>Online-Beratung</li></a>
                    <a href="#"><li>Mitgliederregistrierung</li></a>
                    <a href="#"><li>Mitglieder-Login</li></a>
                </ul>
        </div>
    </header>

.header{
    Höhe: 120px;
    Breite: 1046px;
    Rand: 0 automatisch;
}
.header_left{
    schweben: links;
    Zeilenhöhe: 120px;

}
.header_left img{
    Breite: 300px;
    Höhe: 100px;
}
.header_right{
    schweben: rechts;
    Höhe: 120px;
    Position: relativ;
}
.header_right>div{
    Position: absolut;
    oben: 0;
    rechts: 0;

}
.header_right ul{
    Rand oben: 88px;

}
.header_right ul a li{
    Rahmen rechts: 1px durchgezogen #000000;
    Höhe: 13px;
    Schriftgröße: 15px;
    Polsterung: 0 25px;
    Schriftstärke: fett;
    Farbe: #666;

}
.header_right ul a{
    schweben: links;
    Zeilenhöhe: 13px;

}
.header_right ul a li:hover{
    Farbe: #000000;
}
.header_right ul a:last-child li{/*entferne den letzten Rand*/
    Rand: keiner;
}
.Liste anzeigen{
    Position: relativ;
}
.Liste anzeigen .Liste verschieben{
    Anzeige: keine;
    Z-Index: 103;
    Position: absolut;
    oben: -56px;
    links: 0;
    Breite: 100 %;
    Hintergrund: #333;
    Textausrichtung: zentriert;
}
.Liste anzeigen .Liste verschieben li{
    Polsterung: 10px 0;
    Breite: 114px;
    Farbe: #fff;
}
.header_right ul eine .show_list{
    Polsterung unten: 20px;
    Rand rechts: keiner;
}
.show_list:hover .move_list{
    Anzeige: Block;
}
.header_right ul a:nth-child(3){
    Rahmen links: 1px durchgezogen #000;
}
.Liste anzeigen .Liste verschieben li:hover{
    Farbe: weiß;
    Hintergrund: orange;
}

* {
    Rand: 0;
    Polsterung: 0
}
em, ich {
    Schriftstil: normal
}
li {
    Listenstil: keiner
}
A{
    Schriftart: 14px/24px Microsoft YaHei, Arial, \\5B8B\4F53, Arial Narrow;
    Buchstabenabstand: 1,2px;
    Farbe: #666;
    Textdekoration: keine
}
ein:schweben {
    Farbe: #c81623;
}

img {
    Rand: 0;
    vertikale Ausrichtung: Mitte
}
Eingang{
    Gliederung: keine;
}
Taste {
    Cursor: Zeiger;
    Rand: keiner;
    Gliederung: keine;
}