Isso seria muito fácil de fazer com uma linguagem server-side, mas como não foi posta essa opção na pergunta, vamos de CSS.

Nos exemplos abaixo foram usados `img` e `div`, mas a lógica serve para qualquer elemento.

Usando nth-child
---

Sempre que precisar algo que aconteça a cada `n` ítens, pode usar o `:nth-child` (ou outros `nth`, conforme o contexto).

Veja um exemplo:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    .quatro {
      display:block;
      float:left;
      margin:10px;
    }
    .quatro:nth-child(4n+1) {
      clear:both;
    }

<!-- language: lang-html -->

    <img class="quatro" src="http://placecage.com/100/100">
    <img class="quatro" src="http://placecage.com/100/100">
    <img class="quatro" src="http://placecage.com/100/100">
    <img class="quatro" src="http://placecage.com/100/100">
    <img class="quatro" src="http://placecage.com/100/100">
    <img class="quatro" src="http://placecage.com/100/100">
    <img class="quatro" src="http://placecage.com/100/100">
    <img class="quatro" src="http://placecage.com/100/100">
    <img class="quatro" src="http://placecage.com/100/100">
    <img class="quatro" src="http://placecage.com/100/100">

<!-- end snippet -->

Para aprender mais:

> https://pt.stackoverflow.com/q/148584/70

<!-- -->

> https://pt.stackoverflow.com/q/120697/70

<br>Usando DIVs
-----

Dependendo do efeito desejado, basta definir a largura das suas `DIV`s para 25%. Só cuidado com o `box-model`:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    .quatro {
      width:25%;
      float:left;
    }

<!-- language: lang-html -->

    <div class="quatro"><img src="http://placecage.com/100/120"></div>
    <div class="quatro"><img src="http://placecage.com/100/120"></div>
    <div class="quatro"><img src="http://placecage.com/100/120"></div>
    <div class="quatro"><img src="http://placecage.com/100/120"></div>
    <div class="quatro"><img src="http://placecage.com/100/120"></div>
    <div class="quatro"><img src="http://placecage.com/100/120"></div>
    <div class="quatro"><img src="http://placecage.com/100/120"></div>
    <div class="quatro"><img src="http://placecage.com/100/120"></div>
    <div class="quatro"><img src="http://placecage.com/100/120"></div>
    <div class="quatro"><img src="http://placecage.com/100/120"></div>
    <div class="quatro"><img src="http://placecage.com/100/120"></div>
    <div class="quatro"><img src="http://placecage.com/100/120"></div>
    <div class="quatro"><img src="http://placecage.com/100/120"></div>
    <div class="quatro"><img src="http://placecage.com/100/120"></div>


<!-- end snippet -->