<main>
<ul>
<li>
<h2>Cabelo</h2>
<img src="imagens/cabelo.jpg">
<p>Na tesoura ou maquina</p>
<p>R$ 25,00</p>
</li>
<li>
<h2>Barba</h2>
<img src="imagens/barba.jpg">
<p>Corte e desenho profissional de barba</p>
<p>R$ 18,00</p>
</li>
<li>
<h2>Cabelo + Barba</h2>
<img src="imagens/cabelo+barba.jpg">
<p>Pacote completo de cabelo e barba</p>
<p>R$ 35,00</p>
</li>
</ul>
</main>
nesse código na aula é criado uma classe para a "ul" para referencia-la no CSS, mas pq não é usado o "main" em vez disso:
main li{
display: inline-block;
}
fiz desse jeito em vez de criar uma classe, está errado? O resultado deu certo