Ok to start I am a total css noob, I have been doing it for about 30 min. I know html and am fairly decent at following instructions. However CSS has me confused and I don't think this is my fault that things are going wrong. So I have my style sheet which is properly linked because it worked originally at first. The page I was making (just me testing my ability to make styles and style classes) worked just fine when I had only one style there. Once I added a second things got really weird. The computer just started ignoring what I was adding or taking away from the css page and kept it like this, I can completely remove the stylesheet from the page and it somehow still thinks its there, what is going on?
Heres the code I have down so far (like I said I'm just trying things out so its nothing special).
This is my html code
And here is the css that is in the stylesheet
And all of that somehow comes out to this
If anyone could give me help on what is going on I would really appreciate it, and maybe it is me that is somehow messing up, I don't think I am but I am so new to this maybe I am just not following a big rule of css. Please help
Heres the code I have down so far (like I said I'm just trying things out so its nothing special).
This is my html code
Code:
<html>
<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<i>I should be green and centered</i>
<p>I should be centered and red</p>
</html>
And here is the css that is in the stylesheet
Code:
i {color:green;text-align:center}
p {text-align:center;color:red}
And all of that somehow comes out to this
If anyone could give me help on what is going on I would really appreciate it, and maybe it is me that is somehow messing up, I don't think I am but I am so new to this maybe I am just not following a big rule of css. Please help