Happy Codings - Programming Code Examples
Html Css Web Design Sample Codes CPlusPlus Programming Sample Codes JavaScript Programming Sample Codes C Programming Sample Codes CSharp Programming Sample Codes Java Programming Sample Codes Php Programming Sample Codes Visual Basic Programming Sample Codes


HTML & CSS Web Design

Html Css > Code Examples

Anchor font-size

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 59 60 61 62 63 64 65
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>