Recently, I created an HTML file that contains the following code...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cell Corporations</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="research">
<p class="research-header">Research</p>
<p class="research-desc"> Research cells in order to culture more types. </p>
</div>
</body>
</html>
This HTML file clearly points to the stylesheet with the code:
<link rel="stylesheet" href="styles.css" />The stylesheet I have includes...
research {
background-color: '#4784e6';
}
Both the HTML and CSS files are in the same directory. However, when I try to run the CSS code with the HTML file, I only see this result. enter image description here What could be the issue?
I have checked and corrected things like 'placement of the link' and 'correct linking', but the problem persists despite these adjustments.