2
respostas

Alinhamento imagem no display inline-block

ul {
    display: inline-block;
    vertical-align: top;
    margin-right: 15%
    width: 20%;
}

Queria saber o o motivo da imagem não alinhar a direta, quando a digitação no CSS da tag <UL> é digitada conforme acima. No qual a informação da margin-right vem primeiro do que a informação Width

Quando digito o mesmo código, porém informando o width primeiro e logo em seguida o margin-right ai sim a imagem é alinha a direita

Existe algum motivo? Tipo precisa colocar o width primeiro e depois o Margin-right para dar certo?

2 respostas

Olá Luiz! Tudo bem?

Então, a ordem que você inclui as propriedades no CSS não vai influenciar o resultado.

Creio que neste caso do código que você exemplificou não tenha funcionado pois é necessário inserir " ; " após todas as propriedades e no "margin-right" ficou faltando. Quando esquecemos o " ; " em alguma propriedade ele entende que dali até o próximo " ; " é uma propriedade só, por isso o resultado não é do jeito que você esperava.

Espero ter ajudado. =)

Olá Jennifer, resolvido era isso mesmo. Muito obrigado pela ajuda