Take a look at this snippet of HTML code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href="css/test.css" rel="stylesheet">
</head>
<p></p>
<h2>Meeting the Old Guard </h2>
<p>I took on an old man in Vietnam. .</p>
</body>
</html>
Accompanying this HTML is a CSS stylesheet named test.css.
body {
width: 100%;
margin-right: auto;
margin-left: 2cm;
color: #f0f;
background-color: #000;
margin-left: max-width: 1400px; }
}
h2 {
color: #fff;
margin-left: 0;
font-weight: 700;
font-style: italic;
}
p {
color: #fff;
}
The body tag sets the text to magenta, while h2 and p tags are supposed to be white. However, the header appears as magenta and the paragraph displays as white. Why isn't the header displaying in white as expected?