Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Display: inline block

Não estou conseguindo fazer com que o display na imagem dos benefícios funcione, vi outra duvida onde falaram para diminuir a largura para 40% mas também não resolveu. Meu navegador é o chrome e estou usando o Visual code

Meu html

Benefícios

  <ul>
    <li class="itens">Atendimento ao cliente</li>
    <li class="itens">Espaço diferenciado</li>
    <li class="itens">Localização</li>
    <li class="itens">Profissionais Qualificados</li>
  </ul>

  <img src="beneficios.jpg" class="beneficiosimg" >

meu css .benefícios{ background: #FFFFFF; }

h2{ text-align: center; }

ul{ display: inline block; }

.beneficiosimg{ width:50% }

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas
solução!

Olá, o inline block tem um "-" entre as palavras.

ul{ display: inline-block; }

Poxa, muito obrigada!!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software