Posicionamento vertical "sem explicação"

[Marsal Correia Lima 1]

Eae pessoal! estou novamente com um problema relacionado ao posicionamento de objetos, estou criando uma div para alinhar outras divs dentro, o problema é que quando é inserido alguma div ou texto dentro da div .news-featuredbar-sep simplesmente a div desce! www.gamemode.com.br ( www.gamemode.com.br?teste=Hello%20World mostra como fica com texto sem precisar abrir um editor rápido )

[Bergs 53]

troca o display: inline-table por float: left;

[Marsal Correia Lima 1]

testei com texto e sem texto e a div fica posicionada na esquerda ignorando todas as outras.

[Bergs 53]

nas suas classes .news-featured-box e .news-featuredbar-sep trocar o display: inline-table; por float: left; (para organizar o alinhamento horizontal, não se usa inline-table)

 

a class .news-featured-sep tem 220px de altura, vc tem que dar esse mesmo tamanho nas .news-featured-box e .news-featuredbar-sep pois são blocos que comportam o a imagem e o texto. (pelo que vi só está do tamanho da altura da imagem 175px)

 

se quiser colocar o texto "Hello World" na .news-featuredbar-sep como na .news-featured-box use a mesma lógica adicione a imagem e abaixo o texto. (obs: o texto tem que está dentro dessa div .news-featuredbar-sep para que se posicione como na primeira)

[Marsal Correia Lima 1]

obrigado pela explicação detalhada :) está tudo ok agora, muito obrigado!!