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 display block

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
Anchor display block <!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 display block</title> <style rel="stylesheet" type="text/css"> #header { width: 800px; height: 250px; background-image: url(images/background-image.jpg); background-position: top left; background-repeat: no-repeat } #menu { float: left; margin: 50px 0 0 23px; } #menu li { display: inline; list-style-type: none; line-height: 40px; } #menu li a { background-color: pink; background-position: top left; background-repeat: no-repeat; height: 30px; display: block; float: left; font-family: sans-serif; font-size: 15px; color: blue; text-decoration: none; text-align: center } </style> </head> <body> <ul id="menu"> <li><a href="happycodings.com">happycodings</a></li> <li><a href="java.happycodings.com">java</a></li> <li><a href="html-css.happycodings.com">html-css</a></li> <li><a href="visualbasic.happycodings.com">visualbasic</a></li> <li><a href="csharp.happycodings.com">csharp</a></li> </ul> </body> </html>