Выровнять два изображения по горизонтали ⇐ Html

[Anonymous]

[введите описание изображения здесь][1]Я планирую разместить на своем веб-сайте два изображения, но не могу их выровнять по вертикали.
Я попробовал выравнивание по высоте и вертикальному выравниванию. но я не могу понять, где я ошибся или каких кодов мне не хватает.

Код: Выделить всё

.logo img {
height: 150px;
width: 150px;
margin: 20px;
padding: 3px;
margin-top: 10px;
vertical-align: middle;
}

.logo2 img {
height: 150px;
width: 150px;
margin: 20px;
padding: 3px;
margin-top: 10px;
vertical-align: middle;
}

Код: Выделить всё

[url=guest_login.php]
[img]images/guesticon.png[/img]
GUEST
[/url]

[url=officer_login.php]
[img]images/policeicon.png[/img]
ADMIN
[/url]

https://jsfiddle.net/04bup35k/это результат, которого я хочу достичь
[1]: https://i.sstatic.net/9cpk8.png

Подробнее здесь: https://stackoverflow.com/questions/760 ... two-images