Let's create a list that displays horizontally! We will create a special DIV for this. DIV can only be used once on a page. CLASS can be used over and over again! This is often used for "navigation bars" of links.
text that is aligned to the right
Copyright text appears smaller than the rest of the text
body { background-color: #FFFFFF; font-family: arial, sans-serif; font-size: small; color: #000099; margin: 5px 7px; }
h1 { text-align: center; background: #000099; color: #FFFFFF; border-top: medium double #990000; border-bottom: medium double #990000; }
h2 { background-color: #990000; color: #FFFFFF; }
h3 { font-style: italic; text-indent: 14px; }
a:link { color: #990000; text-decoration: underline; }
a:visited { color: #660000; text-decoration: underline; }
a:hover { color: #006666; text-decoration: none; }
a:active { color: #ff0000; text-decoration: none; }
.right { text-align: right; }
.copyrte { font-size: 10px; }
#navbar {
border: thin groove #003366;
margin: 0px;
padding: 0px;
text-align: center;
}
#navbar ul {
color: #FFFFFF;
background-color: #000099;
margin: 0px;
padding: 0px;
}
#navbar li {
display: inline;
padding-right: 20px;
padding-left: 20px;
}
#navbar a:link { color: #FFFFFF; text-decoration: none; }
#navbar a:visited { color: #CCCCCC; text-decoration: none; }
#navbar a:hover {
color: #FFFFFF;
text-decoration: underline;
font-weight: bolder;
}
#navbar a:active { color: #FFFFFF; text-decoration: none; }