How can I centre-align an item horizontally within another element?

To centre-align an element using CSS, we will make the margins either side of the element of equal width. First, ensure that the elements width is set to less than 100%.width: 80%; This is important as otherwise, changing the margins will have no effect as the margins will be nonexistent.Now, to ensure the left and right margins are equal, simply use:margin: auto; This will centre-align your element within its parent element.