Ich versuche, Googles Homepage zu klonen. Ich begann von der Fußzeile der Seite und blieb bei der Ausrichtung der Links in der Fußzeile stecken.Ausrichtung von Links in Fußzeile
mein HTML-Code:
<div class="footer">
<hr >
<footer >
<a href="" class="advertising">Advertising</a>
<a href="" class="business">Business</a>
<a href="" class="about">About</a>
<a href="" class="privacy">Privacy</a>
<a href="" class="terms">Terms</a>
<a href="" class="settings">Settings</a>
</footer>
</div>
mein CSS-Code:
.footer{
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
footer{
background-color: #F4F6F7;
height: 45px;
}
hr{
border-color: #CCD1D1;
margin-bottom: 0px;
}
.advertising, .business, .about, .privacy, .terms, .settings{
color: #909497;
font-size: 1.2em;
margin-top: 11px; //THIS LINE.
}
.advertising, .business, .about{
margin-left: 40px;
}
.privacy, .terms, .settings{
margin-right: 40px;
float: right;
}
kann mir jemand sagen, warum die Zeile "margin-top: 11px" zu den ersten 3 Links nicht angewandt wird, in die Fußzeile (Werbung, Geschäft, ungefähr). Screenshot der Fußzeile:
Überprüfen Sie meine Antwort unten. – cosmoonot