בעיה HTML

בעיה HTML

שלום אחרי שאני כותב בכתבן את הטקסט הבא:
<html>
<head>
<title>my first html</title>

<style type=text/css">

.eli{
color:red;
}


</style>


</head>


<body>

<div>hello world how r u</div>

<div>hello world</div>
<div CLASS="ELI">hello world</div>
<div>hello world</div>
<div>hello world</div>


</body>
</html>

מופיע לי מדפדפן הטקסט הבא, ראו תמונה HOW R U
במקום המסך הבא, ראו תמונה 2

מה שאני מנסה לדעת זה למה לא מופיע הכיתוב באתר שאני בונה בדיוק כמו שרשמתי בכתבן? האם לא הקשתי את הקוד נכון?
ועוד משהו, זה קורה בעוד הרבה פקודות אחרות שהקשתי
תודה



 
כמה שגיאות קטנות

1. בהצהרה של style לאחר הtype חסר לך פתיחה של מרכאות
2. המאפיין class צריך להיות באותיות קטנות
3. אם הצהרת על הגדרות עבור eli (אותיות קטנות) אז עליך להשתמש בeli ולא בELI (אותיות גדולות) בהגדרה.

קוד:
<!DOCTYPE html>
<html>  
	<head>
		<title>my first html</title>
		<style type="text/css">
			.eli{
				color:red;
			}
     </style>
     </head>
     <body>
     <div>hello world how r u</div>
     <div>hello world</div>
     <div class="ELI">hello world</div>
     <div>hello world</div>
     <div>hello world</div>
     </body>
</html>
משום מה המפרמט של TAPUZ מוסיף מעברי שורה מיותרים...
 
למעלה