CSS Várias divs de várias colunas

Eu tenho vários itens (texto, imagem, conteúdo misto etc.) que quero exibir. O usuário pode definir em qual linha e em qual coluna esse item aparece. Por exemplo, na linha 1, pode haver dois itens / colunas, ambas as imagens. Na linha dois, pode haver três itens / colunas, um com uma imagem e outros dois como texto puro. Ah, e o usuário pode especificar a largura de qualquer coluna / imagem / item em particular.

Eu tenho uma solução que usa várias tabelas que funcionam. Em essência, cada linha é uma nova tabela. Isso funciona na maior parte.

Gostaria de saber se posso usar apenas divs?

Agora, meu CSS foo está ausente e tentei copiar exemplos da Web e não consegui fazê-lo funcionar. Agora eu tenho algo parecido com isto:

[for each row]
  [div style="float: none"]
  [for each column]
    [div style="float: left"]
      [content]
    [/div]
[/div]
[br]

Mas tudo está se sobrepondo.

Eu também tentei usar "position: relative", mas as coisas parecem ainda mais complicadas.

Então, divs pode realmente ser usado para várias linhas e número diferente de colunas?

questionAnswers(2)

yourAnswerToTheQuestion