Divs на нижнем колонтитуле не бок о бок ⇐ Html

[Anonymous]

На моем нижнем колонтитуле у меня есть немного текста вверху, затем 2 Div, которые должны быть рядом, и другой див внизу, центрирован. 2 DOV всегда отображаются один над другим, на левой стороне экрана, а не рядом.

Код: Выделить всё

.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;
}< /code>

Contact us!



Email:

Address:

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



Photos of the event by

Website by

Я попытался удалить «родительский текст нижнего колонтитула», и используйте стиль только на «нижнем колонтитуле», чтобы увидеть, будет ли это работать, я пытался сделать «текст нижнего колонтитула».>

Подробнее здесь: https://stackoverflow.com/questions/795 ... de-by-side