Выравнивать центральное изображение внутри Ul li и div [дублировать] ⇐ Html

[Anonymous]

Я пытаюсь выравнивать изображения вертикально внутри Div с гибкой, но я просто не могу понять правильный путь. Он всегда показывает неравное пространство на левой и правой стороне изображения < /p>

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

img {
width: 400px;
}

#thirdDiv {
height: 600px;
width: 500px;
background-color: tomato;
padding: 50px;
border-color: black;
border-style: solid;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
}

#thirdDiv ul {
list-style: none;
}< /code>

[list]
[*]
[img]http://www.gildedgingerbread.com/wp-content/uploads/2017/08/Samgyeopsal-1.jpg[/img]
[*]
[img]https://i2.wp.com/seonkyounglongest.com/wp-content/uploads/2019/06/samgyeopsal-7.jpg?fit=1300%2C867&ssl=1[/img]
[/list]

Вот и сознание моего div ul li

Подробнее здесь: https://stackoverflow.com/questions/681 ... li-and-div