Como remover o espaçamento indesejado do display inline-block?

[VieiraSA 1]

Olas Caros,

Eu tenho uma dúvida, estou desenvolvendo uma tableless em html e css, estava tudo correndo super bem, mas teve um pequeno espaçamento do display inline-block que não consegui remover esse.

Teria como remover ele?

Eu gosto do display inline block pois ele pega a largura e altura inteira do bloco que você está trabalhando. Com display block fica certo, mas aparece assim 800px x 0px( width e height)

Agora com display inline-block fica 800px x 38px.

O que eu estou querendo explicar, pode ser visto abaixo na figura 1, onde tem uma pequena diferença entre as duas linhas iguais ( com iniciais G. MUSC. )

Obs.: Na figura pode ver que dois containers iguais de 16 e 16 px, na sua soma 32 px. Já o container pai tem 38. Não tem nenhum padding ou margin.

Agradeço antecipadamente,

André Vieira.

 

Figura 1.

Para complementar, eu poderia colocar lá um margin-top: -3px, neste caso eu consideraria como guabiarra. Eu gosto de fazer tudo certo, sem precisar forçar e ficar o mais limpo possível.

Obrigado.

[Jean C. Dias 0]

Olá Vieira,

Tendo em vista que isso e uma tabela, não seria melhor usar uma tabela?

 

 

[Nícolas Luís Huber 14]

Vieira, o melhor seria utilizar tabelas mesmo, como o Jean Dias já mencionou. O fato de você argumentar que é um projeto Tabless, não necessariamente não utilizará tabelas.

 

As tabelas são importantíssimas, mas apenas para dados tabulares, como o do seu exemplo. Se você implantá-las vai te ajudar muito, pois você terá um melhor controle do HTML e CSS, já que a tabela faz o ajuste automático de tamanho e com CSS você precisa ter classes diferentes para manipulares locais com mais colunas.

 

Mas se você precisa regidamente utiliza dessa forma, podemos postar o seu HTML e CSS para poder auxilaria melhor e ver o que você está definindo.