I've tried the following code in Chrome, Firefox, and Safari, but my div isn't quite being centered.
HTML:
<!DOCTYPE html>
<html>
<head>
<link href="custom.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="center">Hello!</div>
</body>
</html>
custom.css:
.center {
width: 400px;
margin: 0 auto;
border: 5px solid black;
}
This produces the following in Chrome:
and you can see that the left margin is bigger than the right margin.
What am I doing wrong?
