HTML Elemente
x
1
2
<html lang="de">
3
<head>
4
<meta charset=utf-8>
5
<title>HTML5 / CSS - Verschachtelte Elemente</title>
6
<style>
7
body {
8
background-color:silver;
9
color: blue;
10
}
11
div.container {
12
display:flex;
13
}
14
div.box {
15
border: 1px solid black;
16
margin:6px;
17
padding:12px;
18
}
19
.links {
20
21
}
22
.rechts {
23
24
}
25
</style>
26
</head>
27
<body>
28
<div class="container">
29
<div class="box rechts">
30
<h3>Untertitel</h3>
31
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam ex doloremque, esse laudantium cum ducimus neque cumque quae quo, at ab earum provident voluptatem obcaecati error dolore, modi. Fuga, quo.</p>
32
</div>
33
<div class="box links">
34
<h3>Untertitel</h3>
35
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam ex doloremque, esse laudantium cum ducimus neque cumque quae quo, at ab earum provident voluptatem obcaecati error dolore, modi. Fuga, quo.</p>
36
</div>
37
</div>
38
<p>Ich bin ein Text der direkt im "body"-Element und zeige alle Eigenschaften die in dieser Regel formatiert wurden.</p>
39
</body>
40
</html>
41