Centering

James_Parsons · January 10, 2013

I know the tag is deprecated but is there an easy way to center items. for example take this code and "de-deprecate"

<!DOCTYPE html><html><body>  <center><p>Hello</p></center></body></html>

Edited January 10, 2013 by James_Parsons

niche · January 10, 2013

http://css-tricks.com/snippets/css/centering-a-website/

DarkxPunk · January 10, 2013

create a class such as

.textCenter {text-align: center;}

then wrap the <p> in a <div> and give the div that class.

<div class="textCenter"><p>Hello</p></div>

Now with that all you have done is centered the <p> inside the <div>, not the document so now we need to center the div.

.divCenter {margin: 0 auto;}

Now apply it to the div.

<div class="divCenter textCenter"><p>Hello</p></div>

All done. Now it may seem like allot, but once you add allot more content you will see how convenient this is.

Recommended Posts