[Resolvido] Galeria de imagens

Boa tarde pessoal,

Eu tenho uma lista de quadros com suas respectivas descrições dentro de uma div que é o contêiner para esta parte da página. Estou tendo dificuldade em posicionar estes quadros de forma que eles fiquem um ao lado do outro, especificamente deve ficar três quadros por linha.

<div id="galery">

<ul>
 <li><img src="http://placehold.it/70x110" alt="Quadro" /><li>
 <li class="subtitle">Nome do autor</li>
 <li class="description">Descrição genérica</li>
 <li class="description">preço</li>

 <li><img src="http://placehold.it/70x110" alt="Quadro" /><li>
 <li class="subtitle">Nome do autor</li>
 <li class="description">Descrição genérica</li>
 <li class="description">preço</li>

 <li><img src="http://placehold.it/70x110" alt="Quadro" /><li>
 <li class="subtitle">Nome do autor</li>
 <li class="description">Descrição genérica</li>
 <li class="description">preço</li>

 <li><img src="http://placehold.it/70x110" alt="Quadro" /><li>
 <li class="subtitle">Nome do autor</li>
 <li class="description">Descrição genérica</li>
 <li class="description">preço</li>

 <li><img src="http://placehold.it/70x110" alt="Quadro" /><li>
 <li class="subtitle">Nome do autor</li>
 <li class="description">Descrição genérica</li>
 <li class="description">preço</li>

 <li><img src="http://placehold.it/70x110" alt="Quadro" /><li>
 <li class="subtitle">Nome do autor</li>
 <li class="description">Descrição genérica</li>
 <li class="description">preço</li>
</ul>

</div>