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>