Boxes alinhadas, ou quase.

[numero 1]

Estou fazendo uma página que tenho vários boxes lado a lado.

Mas na última linha de boxes, ela não fica alinhada com as boxes acima. Não importa quantas linhas ou boxes hão, a última sempre fica desalinhada.

 

Já tentei resetar a margin e o padding, mas não vai.

Se eu colocar margin nas laterais, ela continua desalinhada na última fila.

 

o Código das boxes:

.content > div > div{display:inline-block;width:250px;vertical-align:top;margin:20 0 0;color:#323844;}

 

Aqui na imagem da pra ver, a última linha não tem espaço nas laterais.

Na coluna acima, cada palavra que inicia na esquerda determina o início da box.

A fila de baixo deveria estar nessa reta.

[rikaschmitt 54]

Não entendi muito bem. rs

[numero 1]

Estou querendo alinhar as boxes. Mas na última fileira ela não fica alinhada, ficam todas coladas.

Olha esta foto.

É como se nas primeiras linha estivessem normais.

e na última linha estivessem coladas (sem padding ou margin left,side) elas estão sem padding e margin. mas pq não estão alinhadas como as de cima?

 

 

[rikaschmitt 54]

tem como postar o código html tbm?

[numero 1]

Tem sim.

Está aqui.

 

O Código está fiel ao que tenho, exceto por 1 alteração, que não tem importância.

Alterei o width de 80% para 95, para ficar mais visível no jsfiddle.

 

.content > div{width:95%;margin:0 auto;}

 

 

http://jsfiddle.net/0wybLt68/

 

 

Se você mover a barra vertical para esquerda e para a direita, vai ver q na primeira linha ela se ajusta automaticamente.

Mas, na segunda linha, elam ficam sempre juntas

[rikaschmitt 54]

Beleza.

 

Fiz assim

 

Troquei o "display inline-block" dos textos por float.

[numero 1]

show