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.

DS

Related HTML and CSS Mentoring answers

All answers ▸

Many different data types can be stored on a computer system. Five common data types are string, Boolean, real, character and integer. Give suitable examples of data that could be held in each data type.


How do I get better at Maths?


What is the difference between classes and IDs?


Describe the advantages and disadvantages of the three main ways of adding CSS to a website