Eu tenho um caso especial que não consegui usar nenhum grid para resolver, preciso fazer uma paginação e posicioná-la no fim da página, porém não entendo quase nada de CSS e este índice está sendo gerado durante um forEach, alguém tem algum CSS que faça com que o índice fique posicionado abaixo do conteúdo e que a página que estiver selecionada não possa ser clicada?
O código tá mais ou menos assim:
<c:forEach var="cd" varStatus="status" items="${cds}">
<c:if test="${(status.index>=param.pag*9-9) && (status.index<=param.pag*9-1)
|| ( (empty param.pag) && (status.index>=0) && (status.index<=8) )}">
<div id="cd-${cd.codigo}" class="cd">
<img src="img/cd/${cd.titulo}" />
<span class="titulo">${cd.titulo}</span>
<span class="artista">${cd.artista.nome}</span>
<hr />
<ol>
<c:forEach var="musica" varStatus="qtd" items="${cd.musicas}">
<c:if test="${qtd.index < 3}">
<li class="musica" id="musica-${musica.codigo}">${musica.titulo} -
${musica.valor} <a href="/WEB-INF/mp3/${musica.codigo}.mp3">ouvir</a></li>
</c:if>
<c:if test="${qtd.index eq 3}">
<a href="musica.listarCd.logic?cd.codigo=${musica.cd.codigo}">Mais...</a>
</c:if>
</c:forEach>
</ol>
</div>
</c:if>
<c:if test="${status.index%9 eq 0}">
</c:if>
</c:forEach>