Problema com organização de divs no rodapé

[ThosuZ 0]

Olá, pessoal! Estou com problemas pra organizar meu rodapé. Quero deixar da seguinte forma: as informações de contato e um formulário lado a lado, e em baixo as informações padrões de um rodapé ("Copyright 2020 etc").

 

Eu criei uma div pras informações de contato e outra pro formulário, setei float: left e right pra eles respectivamente, mas a terceira div (Copyright) ficou no meio, não em baixo. Como resolvo?

 

HTML:

 

<footer>
    <div class="fcenter">
    <div class="infos">
        <p class="ftitulo">Águia Publicidade</p>
        <p class="finfos">Rua Treze de Maio, 191</p>
        <p class="finfos">Ed. Marc Jacob, sala 504</p>
        <p class="finfos">(91) 99182-4761</p>
        <p class="finfos">contato@aguiapublicidade.com</p>
    </div>
    <div class="contato">
        <p class="ftitulo">Contate-nos</p>
        <form action="enviar.php" method="post" class="rodape">
            <p class="formu">Nome: </p><input type="text">
        </form>
    </div>
    </div>
    <div class="copyright">
        <p class="rodape">&copy; Todos os direitos reservados. Desenvolvido por Arthur, designer da Águia&reg; Publicidade.</p>
    </div>
</footer>

CSS:

/*  footer settings  */

footer {
    background-color: #303030;
    color: #fff;
    margin: 0px -8px 0px -8px;
}

.fcenter {
    width: 500px;
    margin: 0 auto;
}

.infos {
    float: left;
}

.contato {
    float: right;
}

 

Como ficou:

 

Como eu gostaria que ficasse mais ou menos:

http://miritigrafica.com.br/#faleconosco

[ShadowDLL 2]

Tente usar flexbox

[ThosuZ 0]

On 1/20/2020 at 6:41 PM, ShadowDLL said:

Tente usar flexbox

 

Fiz .fcenter{display:flex} e funcionou, valeu!