![HTML CSS – 3D Box Model – CSS Float on a paragraph HTML to center with margin auto within the div – Lorelle WordPress School | Lorelle on WordPress HTML CSS – 3D Box Model – CSS Float on a paragraph HTML to center with margin auto within the div – Lorelle WordPress School | Lorelle on WordPress](https://lorelle.files.wordpress.com/2015/04/html-css-3d-box-model-css-float-on-a-paragraph-html-to-center-with-margin-auto-within-the-div-lorelle-wordpress-school.png)
HTML CSS – 3D Box Model – CSS Float on a paragraph HTML to center with margin auto within the div – Lorelle WordPress School | Lorelle on WordPress
![By using margin auto, the element will then take up the specified width, and the remaining space will be split between the left and right. So when I display flex to container By using margin auto, the element will then take up the specified width, and the remaining space will be split between the left and right. So when I display flex to container](https://preview.redd.it/by-using-margin-auto-the-element-will-then-take-up-the-v0-mfx4kbm3pds91.png?auto=webp&s=1ff3f9c0aa7305afada87ff093504e14b9b1ee78)
By using margin auto, the element will then take up the specified width, and the remaining space will be split between the left and right. So when I display flex to container
![Can I use margin: auto; on a flex item that is being positioned with justify-content declared on its parent flex container? - CSS FAQ - Codecademy Forums Can I use margin: auto; on a flex item that is being positioned with justify-content declared on its parent flex container? - CSS FAQ - Codecademy Forums](https://global.discourse-cdn.com/codecademy/optimized/5X/0/3/5/c/035c6db0b69c0b8af8f731b91fd064c762f37fc5_2_690x390.png)