alinhar vitrine

[Clayton]

Boa tarde amigos , como podem ver na imagem preciso da ajuda de vocês para alinhar minha vitrine e fixar a paginação embaixo dela,eu gostaria que houvesse uma quebra de linha a cada quatro registros e tivesse scroll automatico para descer a tela. agradeço a ajuda de vocês.

eis o codigo da paginacao:

<?php
require_once ('./funcao/conecta.php');
$conn = conecta();
$sql = $conn->prepare("SELECT * FROM `loja`.`categorias` ORDER BY nome_categoria ASC");
$sql->execute();
$sql->setFetchMode(PDO::FETCH_ASSOC);
while ($linha = $sql->fetch()) {
$categoriaid = $linha['id_categoria'];
$nomecategoria = $linha['nome_categoria'];
echo'<li><a href = "index.php?idCat=' . $categoriaid . '">' . $nomecategoria . '</a></li>';
}
echo '</div></div>';
?>
</ul>
</nav>
<div class="main">
<div id ="content">
    <?php
if (isset($_GET['idCat'])) {
        $idCat = $_GET['idCat'];
require_once ('./funcao/conecta.php');
$conn = conecta();
echo'<meta charset="utf-8">';
$i=1;
$limite = 10;
        $pg = isset($_GET['pg']) ? (int) $_GET['pg'] : 1;
        $inicio = ($pg * $limite) - $limite;
        $busca = $conn->prepare("SELECT * FROM `produtos` WHERE `id_categoria` = " . $idCat . " ORDER BY `id` LIMIT $inicio,$limite"); //Aqui eu filtro os produtos de determinada categoria
        $busca->execute();
                echo'<div class ="produtos">';
 while ($linha = $busca->fetch(PDO::FETCH_ASSOC)) {
     echo '<div style="float: left"><img src="' . $linha['foto'] . '"></a><a href="./shop.php?acao=add&id=' . $linha['id'] . '"></div>';
if( $i == 4 ) // sempre ter uma quebra de linha a cada 10 registros
    {
        echo "<br>";
}
$i++;
        }
}

?>

as imagens estao num top de 450px.