Sem Alinhamento de colunas

Saudações Companheiro

Nessa aula o instrutor alinha em coluna as informações de corte, barba e serviços completo, mas não esta alinhando em colunas

Conseguem me orientar?

HTML

<ul class="item">
    <li>
            <img src="/Image/img-corte.jpg" alt="plano">
            <img src="/Image/icon-corte.png" alt="plano" class="icon">
            <h2>Corte</h2>
            <p>informações</p>

              <p><a href="corte">Saiba mais</a></p>
      </li>

      <li>
            <img src="/Image/img-barba.jpg" alt="seguro">
               <img src="/Image/icon-barba.png" alt="seguro" class="icon">
            <h2>Barba</h2>
            <p>informações</p>

              <p><a href="barba">Saiba mais</a></p>
      </li>

    <li>
              <img src="/Image/img-completo.jpg" alt="credito">
              <img src="/Image/icon-completo.png" alt="credito" class="icon">
              <h2>Serviços Completo</h2>
              <p>informações</p>

            <p><a href="completo">Saiba mais</a></p>
    </li>
</ul>

CSS

.item{
  width: 930px;
  margin: 0 auto;
}

.item li {
  display: inline-block;
  text-align: center;
}