Выравнивение по центру список ul li

[s88s]

Доброго времени суток!

Помогите сойти с места а то я чего то завис и не туды и не сюды =(

В общем и так есть у меня блок div в котором расположено меню в виде списка ul li и в одну строку

<style>

.Content{
  min-height:480px;
  border:1px solid red;
}

.Content ul{
  display: inline-block;
  border:1px solid blue;
  padding:0;
}

.Content li{
  display : inline-block ;
  list-style-type: none;
  border:1px solid green;
}

</style>

<div class="Content">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
</div>

Подскажите как мне разместить этот список что бы при изменении разрешения экрана по width все сохранялось на месте то есть есть этот список был четко по середине этого блока

[Вадим Мошев]

Для CSS класса .content допишите свойство margin со значением 0 auto, то есть, margin: 0 auto.

[s88s]

Сообщение от Вадим Мошев

Для CSS класса .content допишите свойство margin со значением 0 auto, то есть, margin: 0 auto.

И не чего не будет к сожалению.

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

[Naive]

.Content {
    display: flex;
    justify-content: center;
    align-items: center;
}