Can someone please explain why the font size, background color, and font weight are not applying to the content in the "welcome" class in this simple HTML/CSS code below?
The DIV has both an ID and a class, yet the styles are not being reflected. Any insights on this issue would be greatly appreciated.
<html>
<head>
<style>
.welcome {
font-weight: bold;
font-size: 50%;
font-style: oblique;
background-color: yellow;
}
a:hover {
font-size: 500%;
}
#greeting {
position: absolute;
top: 200px;
left: 100px;
text-align: left;
}
p {
color: green;
}
</style>
</head>
<body>
<div id="greeting" class=”welcome”>
Sample Text
<p>Thank you for coming here!</p>
<p>Welcome to <a href=”ltu.html”>La Trobe</a></p>
<p>Thank you for coming here!</p>
</div>
</body>
</html>