HTML & CSS Web Design

Html Css > Code Examples

Anchor font-size



Anchor font-size

<!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" lang="en-US" xml:lang="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>