Indentation avec Sublime Text

Bonjour,

Je suis débutant en html/css et je vous sollicite car je n'arrive pas à indenter correctement mon code dans sublime text: il me dit qu'il ne trouve pas le bracket correspondant.
J'ai beau chercher, tenter des trucs mais je coince. J'aimerai utiliser l'indentation automatique (CTRL+i avec Emmet) mais il me décale tout à chaque fois. ce qui fait qu'il me fait n'importe quoi quand je "réduit" avec la flèche pour gagner un peu de clarté
Il semblerait qu'il s'agirait d'un problème avec la balise <audio>.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<div class="container" id="e">
  <p><h2>El fonema [e]</h2></p>
  <p class="soustitre" >é / e(cc-) /e(ff-) /e(ll-) / e(ss-) / -er / -ed / -ez / -ef / œ</p>
  <p class="note">Es el mismo sonido que la letra "e" español</p>
  <div class="son">
    <div class="graf">
      <p><h3>La grafía é</h3></p>
      <div class="exemple">
        <div class="mot">
          <div><img src="html/francais/media/etoile.png" alt="etoile"></div>
          <p class="fr"><strong>é</strong>toile</p>
          <p><em>(.f)</em></p>
          <p class="es">estrella</p>
          <div>
            <audio id="etoile"><source src="html/francais/media/etoile.ogg" type="audio/ogg"></audio>
              <button onclick="document.getElementById('etoile').play()"><i class="far fa-play-circle"></i></button>
            </div>
          </div>
          <div class="mot">
            <div><img src="html/francais/media/epee.jpeg" alt="epee"></div>
            <p class="fr"><strong>é</strong>p<strong>é</strong>e</p>
            <p><em>(.f)</em></p>
            <p class="es">espada</p>
            <div>
              <audio id="epee"><source src="html/francais/media/epee.ogg" type="audio/ogg"></audio>
                <button onclick="document.getElementById('epee').play()"><i class="far fa-play-circle"></i></button>
              </div>
            </div>
            <div class="mot">
              <div><img src="html/francais/media/telephone.jpg" alt="telephone"></div>
              <p class="fr">t<strong>é</strong>l<strong>é</strong>phone</p>
              <p><em>(.m)</em></p>
              <p class="es">teléfono</p>
              <div>
                <audio id="telephone"><source src="html/francais/media/telephone.ogg" type="audio/ogg"></audio>
                  <button onclick="document.getElementById('telephone').play()"><i class="far fa-play-circle"></i></button>
                </div>
              </div>
            </div>
            <p>Se encuentra al inicio, dentro y final de la palabra</p>
          </div>
        </div>
      </div>

autre exemple que je ne comprend pas pourquoi il ne reconnait pas que la paire de <div> vont de paire (?!) (ligne 68)
Pièce jointe 587148

Merci pour votre aide!