HTML5 & CSS3 Tutorial: Web Page Centering – How to Center Your Website using Dreamweaver CS6

-------------------- Disregard Tags ---------------------------

Html5, centering a website, how to center web page, html5 page centering, centering webpage, html5, centering a page, centering website html, html5 center website, centering website dreamweaver, css3 centering, centering website css3, centering website cs6, center align website, center align web page, centering a div on a page, centering a web page, centering html page, web page center of screen, make a web page, center website body, Html5, centering a website, how to center web page, html5 page centering, centering webpage, html5, centering a page, centering website html, html5 center website, centering website dreamweaver, css3 centering, centering website css3, centering website cs6, center align website, center align web page, centering a div on a page, centering a web page, centering html page, web page center of screen, make a web page, center website body, Html5, centering a website, how to center web page, html5 page centering, centering webpage, html5, centering a page, centering website html, html5 center website, centering website dreamweaver, css3 centering, centering website css3, centering website cs6, center align website, center align web page, centering a div on a page, centering a web page, centering html page, web page center of screen, make a web page, center website body, Html5, centering a website, how to center web page, html5 page centering, centering webpage, html5, centering a page, centering website html, html5 center website, centering website dreamweaver, css3 centering, centering website css3, centering website cs6, center align website, center align web page, centering a div on a page, centering a web page, centering html page, web page center of screen, make a web page, center website body, Html5, centering a website, how to center web page, html5 page centering, centering webpage, html5, centering a page, centering website html, html5 center website, centering website dreamweaver, css3 centering, centering website css3, centering website cs6, center align website, center align web page, centering a div on a page, centering a web page, centering html page, web page center of screen, make a web page, center website body

----------------------------------------------------------------------

In this tutorial, I will show you how to center your website, or web page in HTML5 and CSS3. The program I am using to demonstrate this align change, is going to be Dreamweaver CS6. Centering a website in dreamweaver is very simple and only takes a few steps.

Start by opening your HTML editor, which will be Dreamweaver in my case. Then, Load the web page you are going to be working with.

In this example, my website has a bright green background. The D I V box, where all my website content goes, has a white background. However, unlike a normal website, it is pushed to the left of the screen. Follow these few steps to center your box.

Go to the style sheet, and add a few properties to the D I V box that you want to center. Add a new property, and type, margin, dash, left, colon, space, auto, and semicolon. Then add another property, and type, margin, dash, right, colon, space, auto, and semicolon. If you are having trouble with this additional code, you can find it in the description.

TaDah, just like that, your website is centered.

If you have any problems, or questions, send me a message, and I would be glad to help. I hope you liked this tutorial, please like my videos, and subscribe to my channel. Don't be afraid to ask questions.

ADD THIS CODE TO YOUR STYLES SHEET:

margin-left: auto;
margin-right: auto;