/
div.html
58 lines (49 loc) · 2.1 KB
/
div.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Trabalhando com CSS </title>
<link href="meuarquivo.css" rel="stylesheet"type="text/css">
<style type="text/css">
/* TAG */
div{
color: red; background: #ECECEC;padding: 20px;
text-align: center;
}
</style>
</head>
<body>
<div style="background: #00FF00;" class="textoExemplo" id="unico"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
<div style="" class="textoExemplo"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt utulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
<div style=""> Lorem ipsum dolor sit amet, consectetur adipisicing elit,ulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
<div class="cabecalho">
<h2> ARROZ COM FEIJÃO </h2>
</div>
<div class="artigo">
<div class="cabecalho">
<h3> ARROZ COM FEIJÃO </h3>
</div>
<p>
Para fazer arroz com feijo Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<div class="rodape">
Autor: Mussum
Data: 08.09.2014
Email:
<a href="mailto:mussum@cacilds.com.br">
mussum@cacilds.com.br
</a>
</div>
</div>
</body>
</html>