Text is not up next to images

Question

Good afternoon, I’m building a website, and I needed the text to be next to the AETTR logo, but up and not down, someone knows how to fix it?

Example:

*{
margin: 0;
padding: 0;
}
.logos-container{
    background: #ccc;
}
.logomin{
    width: 245px;
}
.logoaetr{
    width: 145px;
}
ul{
    list-style: none;
}
ul li{
    display: inline-block;
}

<div class="logos-container">
            <ul>
                <li><img src="https://i.ibb.co/njPs6xJ/min.png" class="logomin" alt="Ministerio da Educação" /></li>
                <li><img src="https://i.ibb.co/mcKb85g/aetr.png" class="logoaetr" alt="Agrupamento de Escolas Tomaz Ribeiro" /></li>
                <li><h2>Autenticação</h2></li>
            </ul>
        </div>

Answer 1

Place the property vertical-align: top in the third <li> of the list:

*{
margin: 0;
padding: 0;
}
.logos-container{
    background: #ccc;
}
.logomin{
    width: 245px;
}
.logoaetr{
    width: 145px;
}
ul{
    list-style: none;
}
ul li{
    display: inline-block;
}

.logos-container ul li:nth-child(3){
   vertical-align: top;
}

<div class="logos-container">
   <ul>
       <li><img src="https://i.ibb.co/njPs6xJ/min.png" class="logomin" alt="Ministerio da Educação" /></li>
       <li><img src="https://i.ibb.co/mcKb85g/aetr.png" class="logoaetr" alt="Agrupamento de Escolas Tomaz Ribeiro" /></li>
       <li><h2>Autenticação</h2></li>
   </ul>
</div>

The selector .logos-container ul li:nth-child(3) takes the third <li> list within div with class .logos-container.