Hello everyone, I am new to the world of HTML/CSS and this forum. I have a question regarding some code I have been working on.
Can anyone help me understand why the background color behind the text is not turning green in the following code snippet?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>this is my title</title>
<style>
.container {
background-color: green;
}
p {
font-family: "Helvetica", sans-serif;
font-size: 25px;
color: blue;
}
</style>
</head>
<body>
<div class=”container”>
<p>Cardigan aesthetic direct trade, migas locavore shoreditch DIY bicycle rights lyft street art bitters.</p>
</div>
</body>
</html>I noticed that when I add inline styling to the div it works fine. However, creating a separate stylesheet or adding the style directly to the head section did not work as expected (the styles for the 'p' selector do work).
Thank you in advance for your help!