marko-knoebl/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS Experimente</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <div class="container">
      <h1 class="important">
        Wichtige Überschrift
      </h1>
      <p class="important invalid">
        Red colored text
      </p>
      <p id="paragraph2">
        Another paragraph
      </p>
      <h1 class="invalid">
        Unwichtige Überschrift
      </h1>
      <p class="important">
        Third paragraph
      </p>
    </div>
  </body>
</html>

## style.css
.important {
  color: red;
  text-decoration: underline;
}

.invalid {
  text-decoration: line-through;
}

#paragraph2 {
  color: grey;
  border: 6px dotted black;
  max-width: 200px;
}

#paragraph2:hover {
  border: 6px solid red;
}

div.container {
  background-color: yellow;
}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>CSS Experimente</title>
	<link rel="stylesheet" href="style.css">
	</head>
	<body>
	<div class="container">
	<h1 class="important">
	Wichtige Überschrift
	</h1>
	<p class="important invalid">
	Red colored text
	</p>
	<p id="paragraph2">
	Another paragraph
	</p>
	<h1 class="invalid">
	Unwichtige Überschrift
	</h1>
	<p class="important">
	Third paragraph
	</p>
	</div>
	</body>
	</html>
	.important {
	color: red;
	text-decoration: underline;
	}

	.invalid {
	text-decoration: line-through;
	}

	#paragraph2 {
	color: grey;
	border: 6px dotted black;
	max-width: 200px;
	}

	#paragraph2:hover {
	border: 6px solid red;
	}

	div.container {
	background-color: yellow;
	}