Criar uma lista de itens é simples.

<ul>
  <li>Box 1</li>
  <li>Box 2</li>
  <li>Box 3</li>
</ul>

Para que os itens fiquem na horizontal você pode usar display:inline; ou float:left; nos itens e tudo certo.

Neste exemplo vou expôr um problema que me ocorreu há algum tempo: Um destaque de notícias de 3 em 3 em blocos em linha, com largura e altura fixa.

lista de itens contendo 3 box com largura e altura definidos e em linha

Aplico uma margin-right pra dar um respiro e o que acontece?

lista de itens com os mesmos 3 box mas com margin-right aplicada, causando quebra na linha, jogando o 3º box para baixo

O que fazer pra impedir a quebra de linha indesejada? Aplicar uma largura fixa na lista para que ela comporte também as margens de seus elementos resolve parte do problema. Por exemplo, se cada item da lista tem 200px de largura com uma margem direita de respiro de 10px, minha lista deve ter 630px de largura. Então é só aplicar um overflow:hidden; no elemento pai da lista.

lista de itens com os 3 box novamente em linha, sendo que a margem direita do 3º item excede o limite horizontal da lista pois seu elemento pai contém o parâmetro overflow:hidden

E pra garantir um resultado ideal, uma margin-bottom também foi adicionada.

lista de itens com mais de 3 box em linhas de 3 colunas para mostrar o respiro com margin-right e bottom

exemplo

É um problema simples, que poderia ser resolvido de outras formas, mas evita que classes extras sejam inseridas no CSS.