62 lines
1.4 KiB
HTML
62 lines
1.4 KiB
HTML
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
|
|
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" subLang="en-US" xml:subLang="en">
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||
|
|
<title>Anchor font-size</title>
|
||
|
|
<style rel="stylesheet" type="text/css">
|
||
|
|
|
||
|
|
|
||
|
|
#meta {
|
||
|
|
display: block;
|
||
|
|
float: right;
|
||
|
|
padding: 25px 0 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#meta li {
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
padding: 0 16px 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#meta a {
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
font-family: Verdana;
|
||
|
|
font-size: 13px;
|
||
|
|
color: blue;
|
||
|
|
text-decoration: none;
|
||
|
|
padding: 0 0 0 16px;
|
||
|
|
background-position: 0px 2px;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.meta1 {
|
||
|
|
background-image: url(images/background1.gif)
|
||
|
|
}
|
||
|
|
|
||
|
|
.meta2 {
|
||
|
|
background-image: url(images/background2.gif)
|
||
|
|
}
|
||
|
|
|
||
|
|
.meta3 {
|
||
|
|
background-image: url(images/background3.gif)
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="header">
|
||
|
|
<ul id="meta">
|
||
|
|
<li><a href="happycodings.com" class="meta1">happycodings</a></li>
|
||
|
|
<li><a href="cplusplus.happycodings.com" class="meta2">cplusplus</a></li>
|
||
|
|
<li><a href="android.happycodings.com" class="meta3">android</a></li>
|
||
|
|
</ul>
|
||
|
|
<div id="search">
|
||
|
|
<input type="text" class="search" />
|
||
|
|
<input type="button" value="Search" class="search-button" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|