Pesquisar na Comunidade

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.