Как выровнять две картинки с разной высотой HTML

Question

[Я работаю над веб-сайтом в качестве школьного проекта и хочу совместить эти две картинки. У одного из них Öppettider слишком низкий.]

Так выглядит веб-сайт.

Вот код для изображений

<p>&nbsp; </p>
<img src="../oppettider.gif" width="" height="500" alt=""/>
<img src="la-carte-förrätter.gif" width="680" height="2608" alt=""/>

Answer 1

выравнивание означает по порядку? лучший способ - использовать bootstrap вы можете легко это сделать

по моему мнению, лучший способ сделать это использовать систему сетки, используйте эту ссылку и попробуйте реализовать ...

https://getbootstrap.com/docs/4.4/layout/grid/

Answer 2

вы можете использовать flexbox:

<div class="images-flex">
     <img src="../oppettider.gif" width="" height="500" alt=""/>
     <img src="la-carte-förrätter.gif" width="680" height="2608" alt=""/>
</div>

, затем css:

.images-flex {
  display: flex;
  align-items: flex-start;
}