O texto da lista não fica em itálico | HTML5 e CSS3 parte 1: crie uma página da Web

Olá, fiz o código da mesma forma que o professor, e aparentemente está tudo certo. Porém, simplesmente não é realizada a atualização no navegador, ou seja, as listas não ficam itálico :(

Isso aconteceu recentemente comigo, porém com relação a dimensão da imagem de banner, fiz igualzinho ao que o professor explicou e nada. Dai tive que montar diretamente inline para conseguir resolver o problema, não sei se é por causa do programa que estou usando para codificar (Visual Studio).

Segue o código:

<head>
    <!--No Head, colocamos tudo aquilo que não é necessariamente exposto no corpo do website-->
    <meta charset-"UTF-8"><!--Informa ao navegador o dicionario UTF-8 de linguas latinas.-->
    <title>Barbearia Alura</title>
    <link rel="stylesheet" href="format.css"><!--tipo de relacionamento e importação de arquivo externo-->

</head>

<body><!---Aqui vem tudo que será exposto na página, textos, imagens, etc.-->

    <img src="banner.jpg"; style="width:100%">

    <h1> Sobre Barbearia Alura:</h1>

    <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba.</p>

    <p>Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

    <p id="missao"><em>Nossa missão é: <strong style="color: #FF0000">"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>
       <!--identifiador para usar no arquivo css--> 
    <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. </p>

    <p>O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>

    <h2>Benefícios</h2> <!--começo de uma nova sessão, seguindo a ordem-->

    <ul><!--Elaboração de uma lista não ordenada, se fosse ordenada = ol-->
        <li class="itens">Atendimento aos Clientes</li> <!--List Item, organizar a listagem-->
        <li class="itens">Espaço Diferenciado</li>
        <li class="itens">Localização</li>
        <li class="itens">Profissionais Qualificados</li>
            <!--Para referenciar varios itens num css, existe a propriedade class-->
    </ul>

</body>

Arquivo CSS:

body{ background: #CCCCCC; }

h1{ text-align: center; }

p{ text-align: center; }

#missao{ font-size:20px; }

em strong { color: #FF0000; }

.itens{ font-style: italic; }

OBS: tentei também alterar o tamanho da fonte dos itens da lista, igualmente sem sucesso.