HTML & CSS TEXT doesn't position???

[ILBS]

Hello,

According to course, text should position to 0 left and 200 down from the top, but it doesn't????
please view code below:


[CODE title="Indext.html"]

<section class="banner">
<img src="IMGS/banner.png" alt="MarioClub welcome banner">
<div class="Welcome">
<h2>Welcome to <br><span>Marioclub</span></h2>
</div>
</section>[/CODE]



[CODE title="Styles.css"]

header{

}

.banner{
position: relative;
}

.banner img{
max-width: 100%;
}


.banner .welcome{
position: absolute;
left: 0px;
top: 200px;
}
[/CODE]



The text "Welcome to Mario club" doesn't reposition????
I would attach the full index.html and css files as attachments, but they are greyed out when I try to insert them in this post???

Any help is much appreciated

Thank you

 

[Mutiny]

In your HTML you have a class of Welcome but in CSS you have a class of welcome. I believe CSS rules are case-sensitive, so Welcome does not equal welcome.

 

[ILBS]

ooooffffff. . Thanks so much Mutiny !!!!