Scribd
Upload
70 views1 page

Center Align Elements: Margin: Auto

To center a block element, use margin: auto; and specify a width to prevent it from stretching the container's edges. The element will take the specified width and split the remaining space equally between its margins. To center text inside an element, use text-align: center; without needing to specify a width.

Uploaded by

Alex Mociran
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
70 views1 page

Center Align Elements: Margin: Auto

To center a block element, use margin: auto; and specify a width to prevent it from stretching the container's edges. The element will take the specified width and split the remaining space equally between its margins. To center text inside an element, use text-align: center; without needing to specify a width.

Uploaded by

Alex Mociran
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

Center Align Elements

To horizontally center a block element (like <div>), use margin: auto;


Setting the width of the element will prevent it from stretching out to the edges
of its container.
The element will then take up the specified width, and the remaining space will
be split equally between the two margins:

Center Align Text


To just center the text inside an element, use text-align: center;

You might also like