Bar.html:
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="customStyle.css" />
</head>
<body>
The text formatting is spot on. Unfortunately, the following image should be centered, but it's off-center:
<img class="centerblock" src="cupcake.jpg" width="250" height="200"></img>
</body>
CustomStyle.css:
body {margin-left:20px;}
body {margin-right:20px;}
.centerblock {
margin-left: auto;
margin-right: auto;
display: block;
}
Outcome: