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
Answered by Daniel S. HTML and CSS tutor

3376 Views

See similar HTML and CSS Mentoring tutors

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 many HTML heading levels are there?


How to create a secure password?


how to code the details tag/ how to put a drop down option in a form?


We're here to help

contact us iconContact ustelephone icon+44 (0) 203 773 6020
Facebook logoInstagram logoLinkedIn logo

© MyTutorWeb Ltd 2013–2025

Terms & Conditions|Privacy Policy
Cookie Preferences