Divs auf der Fußzeile sind nicht Seite an Seite ⇐ HTML

[Anonymous]

Auf meiner Fußzeile habe ich oben einen Text, dann 2 Divs, die nebeneinander sein sollen, und ein weiteres Div unten, zentriert. Die 2 Divs werden immer übereinander auf der linken Seite des Bildschirms statt von Seite angezeigt. < /P>

Code: Select all

HTML:

Contact us!



Email:

Address:

[url=events.html]Link to Event list[/url]



Photos of the event by

Website by



CSS:
.footer {
background-color: #f9e3ef;
width: 100vw;
height: auto;
text-decoration: none;
font-size: 2.2vw;
color: #000000;
font-family: "Open Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings: "wdth" 100;
text-align: center;
padding: 0.5vw;
order: 5;
margin-top: auto;
text-align: center;
}

.footer.text.parent {
flex-direction: row;
justify-content: space-around;
width: 100vw;
height: auto;
}

.footer.text {
color: #000000;
text-align: center;
text-decoration: underline black;
font-size: 2.0vw;
width: 50vw;
order: 6;
}

.footer.text a {
color: #000000;
text-align: center;
text-decoration: none;
}

.footer.end {
text-align: center;
font-size: 1.8vw;
width: 100vw;
height: auto;
order: 8;
}

.footer.end a {
color: #000000;
text-align: center;
text-decoration: none;
font-size: 1.8vw;
}

Ich habe versucht, die Div "Fußzeile Text übergeordnet" zu entfernen und nur auf der "Fußzeile" -Div zu verwenden, um zu sehen, ob dies funktionieren würde.>