Зачем использовать «width = 50%» и «margin-left = 25%» для центрирования элемента DIV, а не для выравнивания текста? ⇐ CSS

[Anonymous]

Пытаюсь понять (следуя приведенному ниже коду), в чем разница использования «width=50%» и «margin-left=25%» для горизонтального центрирования div, когда я увидел, что «test-align» будет центрироваться элементы уже внутри DIV.

• HTML:

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

    
[img]./assets/images/daenerys.jpeg[/img]
that special moment
When you find the perfect avocado at the supermarket

• css:

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

body {
background-color: black;
}

.poster {
color: white;
width: 50%;
margin-left: 25%;
margin-top: 100px;
font-family: "Libre Baskerville", serif;
text-align: center;
}

.poster-image {
border: 5px solid white;
}

.poster h1 {
font-size: 3rem;
text-transform: uppercase;
}

• результат:
  

Если я удалю «width=50%» и «margin-left=25%», я получу тот же результат:< /p>


Просто хочу понять разницу между ними

Подробнее здесь: https://stackoverflow.com/questions/793 ... d-not-text