• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Überschriften trotz display:inline mit Absatz

htmlphp

Mitglied
Hallo zusammen,
folgenden Quelltext habe ich:

HTML:
        <div class="social_media">
            <br />
            <h3>Folge uns auf</h3>
            <h4><a href="https://www.facebook.com" target="_blank"> Facebook</h4></a>
            <h5><a href="https://twitter.com" target="_blank">Twitter</h5></a>
            <h6><a href="https://plus.google.com" target="_blank">Google+</h6></a>
            <h3>f&uuml;r News, Gewinnspiele und mehr
        </div>

Trotz meiner css
Code:
@charset "utf-8";

.social_media h3 {
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:#000;
    margin-top:50px;;
    margin-left:5px;
    display:inline;
}

.social_media h4 a:link {
    font-family:Arial;
    font-size:14px;
    color:#3b5998;
    display:inline;
    margin-left:5px;
}

.social_media h4 a:hover {
    text-decoration:underline;
}

.social_media h5 a:link {
    font-family:Arial;
    font-size:14px;
    color:#25b0e7;
    display:inline;
    margin-left:5px;
}

.social_media h5 a:hover {
    text-decoration:underline;
}

.social_media h6 a:link {
    font-family:Arial;
    font-size:14px;
    color:#c85b52;
    display:inline;
    margin-left:5px;
}

.social_media h6 a:hover {
    text-decoration:underline;
}

Werden die Überschriften mit Absatz untereinander und nicht nebeneinander in einer Zeile dargestellt. Die anderen Einstellungen werden korrekt übernommen.
Warum? :(
 
Zurück
Oben