View difference between Paste ID: iprAD44A and PrxSpcDe
SHOW: | | - or go back to the newest paste.
1
------------------------------------------------------------
2
--test.html--
3
------------------------------------------------------------
4
<html>
5
<head>
6
<title>Test Page</title>
7
<meta charset = "UTF-8">
8
<link rel="stylesheet" type="text/css" href="test.css">
9
</head>
10
11
<body>
12
13
<!-- site nav -->
14
<ul class = "nav">
15
	<li><a href="http://www.youtube.com/computoguy">My YouTube</a></li>
16
	<li><a href="http://www.twitter.com/computoguy">My Twitter</a></li>
17
</ul>
18
19
<!-- content -->
20
<h1>Test</h1>
21
<br>
22
<p>So, hello there. How are you doing today?</p>
23
</body>
24
25
</html>
26
27
------------------------------------------------------------
28
--test.css--
29
------------------------------------------------------------
30
@charset "UTF-8"
31
32
body{
33
background-color: #394859;
34
padding-left: 300px
35
}
36
37
h1{
38
font-family: Arial Bold;
39
color: #0DFF7A
40
}
41
42
p{
43
font-family: Arial;
44
color: #FFFFFF
45
}
46
47
ul.nav{
48
list-style-type:none;
49
position: absolute;
50
top: 10px;
51
left: 10px
52
}
53
54
ul.nav li{
55
background: #222222;
56
padding: 0.2em;
57
margin: 1em 0;
58
border-right: 1em solid #222222
59
}
60
61
a{
62
font-family: Arial;
63
color: #FF781F
64
}