aligning stuff in css

i boxed my

headers within borders and the "text-align" property only affects the text's position within the box. how do i get the box itself to be aligned?

<!DOCTYPE html>
<html>
<head>

<style>
body      {text-align: center}
h2		{margin: 31px;
			border: 2px solid #AA5599;
			padding: 64px;
            background-color: black;
            text-align: center}
</style>
</head>

<body>
sdfsddsdsf
<h2>blablabla</h2>

</body>
</html>

What does this have to do with Arduino? Go do some research on your own.

Set the width of h2 to 100%. The h2 box will occupy 100% of the width of whatever it is in, and the text-align will align the text within it.