Problemas com Centralizar itens

[Venicius Back 0]

Boa tarde a todos, estou com problemas para centralizar itens que coloquei lado a lado com a opção float .

Já tentei criar uma div "pai" e acondicionar os comando margin: auto; porém sem sucesso.

 

Se tiver alguma dica referente ao melhoramento do código agradeço pois sou iniciante.

 

Segue o código CSS

.clear { clear: both; }

.centralizado{
    text-align: center;
    
}


.menu h1{
    margin-top: 25px;
    color: red;
    text-align: center;
}


.escolha{
    font-size: 20px; 
    text-align: center;

}

.escolha input{
    font-size: 20px; 
    text-align: center;

}

.menuCodigo{
    float: left;
    text-align: center;
    font-size: 24px;
    color: red;


    max-width: 100px;
    min-width: 100px;
}

.menuNome{
    float: left;
    text-align: center;
    font-size: 24px;
    color: red;


    max-width: 500px;
    min-width: 500px;
}

.menuStatus{
    float: left;
    text-align: center;
    font-size: 24px;
    color: red;


    max-width: 100px;
    min-width:  100px;
}



.codigo{
    float: left;
    margin-top:20px;
    text-align: center;
    font-size: 18px;
    color: #000;


    max-width: 100px;
    min-width: 100px;
}

.usuario{
    float: left;
    margin-top:20px;
    text-align: center;
    font-size: 18px;
    color: #000;


    max-width: 500px;
    min-width: 500px;

}

.status{
    float: left;
    margin-top:20px;
    text-align: center;
    font-size: 18px;
    color: #000;


    max-width: 100px;
    min-width: 100px;
}
.botao {
    float: left;
    margin-top:20px;
    text-align: center;


    max-width: 100px;
    min-width: 100px;
}

HTML + PHP

 <?php
            include "../bd/conecta.php";
            $sql = "a";
            if (isset($_POST['tipopesquisa'])) {

                $pesquisa = $_POST['tipopesquisa'];


                if ($pesquisa == 2) {

                    $sql = "SELECT * FROM sugestao WHERE sta_cod = \"$pesquisa\" ";
                } else if ($pesquisa == 1) {

                    $sql = "SELECT * FROM sugestao WHERE sta_cod = \"$pesquisa\" ";
                } else if ($pesquisa == 3) {

                    $sql = "SELECT * FROM sugestao ";
                }



                echo '<div class="menuCodigo">';
                echo 'Código';
                echo '</div>';

                echo '<div class="menuNome">';
                echo 'Nome do Usuário';
                echo '</div>';

                echo '<div class="menuStatus">';
                echo 'Status';
                echo '</div>';



                // Limpando a tela------------------------------------------------------------------------------------------------------------------------------------>

                echo '<div class="clear">';
                echo '</div>';
            }

            if ($sql != "a") {
                $query = mysql_query($sql);

                while ($exibe = mysql_fetch_array($query)) {
                    $temporario = "Indefinido";


                    $flag = $exibe['cod_usu'];

                    $sqlUser = "SELECT * FROM usuario WHERE cod_usu = \"$flag\" ";
                    $queryUser = mysql_query($sqlUser);


                    while ($row = mysql_fetch_array($queryUser)) {
                        $temporario = $row['nom_usu'];
                    }

                    echo '<div class="codigo">';
                    echo $exibe['cod_sug'];
                    echo '</div>';

                    echo '<div class="usuario">';
                    echo $temporario;
                    echo '</div>';

                    echo '<div class="status">';
                    echo $exibe['sta_cod'];
                    echo '</div>';



                    echo '<div class="botao">';
                    echo '<button type = "button" id = "cap" onclick = "showDialog(' . $exibe['cod_sug'] . ' ) ">' . 'Visualizar</button>';
                    echo '</div>';

                    echo '<div class="clear">';
                    echo '</div>';
                }if ($exibe) {
                    echo 'Não foi encontrado nenhum resultado';
                }
            } else {
                echo '<div class="menu">';
                echo '<h1>Efetue sua pesquisa</h1>';
                echo '</div>';
            }
            ?>

Imagem do resultado

Caso não consiga Visualizar Segue o Link :

 

https://ap.imagensbrasil.org/image/TWsn2

 

 

 

Desde já agradeço a atenção..

 

Att VB

 

[L. Henrique 179]

Não entendi o tanto de echo... Não se esqueça que pode fazer da seguinte maneira:

<?php if ( ) : ?>

   <div>
      <!-- Conteúdo -->
   </div>

<?php endif; ?>

Faça um teste (novamente): Adicione uma div pai para todos os elementos que você possui (mas tente não incluir via echo) e adicione as seguintes propriedades para teste:

.class-da-div {
   width: 400px;
   height: 400px;
   margin: 0 auto 0 auto;
}

Veja um exemplo de como o margin funciona: JSFiddle

[Venicius Back 0]

Opa L. Henrique, muito obrigado pela dica, só mudei o tamanho e funcionou, mas porque não funciona com o atributo

 .center{
       width: auto;
       height: auto;
       margin: 0 auto 0 auto;

}

Se o cara entrar com uma resolução 800x600 no site vai ficar uma M ..

 

 

Muito Obrigado..

 

 

Att VB