HTML5 and CSS3 Beginner Tutorial 37 - How to center your web page

In this tutorial I show you guys how to center your web page using the traditional box model.

If you found this video helpful, don't forget to like my video.

-------------------------------------------------------------
Add me on twitter:

facebook group:
-------------------------------------------------------------

[nvnarendran]

I like the idea of you commenting in necessary places ..good one ;)

[SureshKaria]

you are very king and slow in teaching that makes your tutorials easy to understand! Keep it up! I also want to see your advance tutorials on htlm5 and css3 as well.

[shipra]

Quentin! You are awesome! Thank You for the great tutorials :)

[QuentinWatt]

Yup pretty much. It's just there to make absolutely sure the browser centers the web page, but that is actually handled by the margins so it's not really necessary.

[fewzebrank]

merci... très bon tutorial ! (really good tutorial)

[joreno]

hi ? was watching your video . I am a beginner in html & css . Your tutorial may be since 2013, but it helped me . Thanks cheers. 😀

[MohitManuja]

There is one more tag that could be used, its called the "Main" tag..usually after the nav tag where the main content or all your sections sit.. a section is an area where data with the same theme sits..or u may call it thematic grouping..this usually contains articles that if separated from the page can make a whole meaning by themselves .
I like  the way w3schools define it
An article should make sense on its own and it should be possible to distribute it independently from the rest of the site.
Potential sources for the <article> element:
Forum post
Blog post
News story
Comment

[fnTuukka]

Yeah! Now we're getting there! ;)

[UnknownUser]

no need for an id in <nav>, sites usually have one navigation bar
css:
nav {
...
}

[rajashekar]

hi this is rajashekar  i watched all u r beginner tutorials its very very good can u provide more tutorials

[brendeng]

I like the video before even watching it

[cwgml]

Hi Quentin, what is the point of having <aside> and <section> etc when you still have to add id="" to them? Otherwise you might as well still call them <div> and spend less time typing. Also having <header> and <footer> several times in the document doesn't seem to make the document clearer. (great tutorials BTW)

[markomaravic]

Hi!When i centered my web page like you said i have to refresh browser several times to display web page centered and if i refresh one more time its again uncentered, so i have to refresh again.I hope you will catch what i wanted to say and hope you can help me about this problem.Thx anyway for great tutorials

[jasonleelawlight]

Hello sir, I think the statement "text-alignment:center;" in "body" is not useful, because it is overridden by "text-alignment:left;" in "center-maker". Note that "center-maker" has pretty much the same scope as "body". Am I right?