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

3336 Views

See similar HTML and CSS Mentoring tutors

Related HTML and CSS Mentoring answers

All answers ▸

How to go about designing a responsive HTML 5 website


How to create a secure password?


How would I link a CSS stylesheet to my HTML page?


How do I get better at Maths?


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