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

Div line-height float display font-family color

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
Div line-height float display font-family color <!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>Div Line Height Float Display</title> <style rel="stylesheet" type="text/css"> #search { width: 600px; float: left; margin: 60px 0 0 120px; display: inline; font-family: Arial, verdana, sans-serif; font-size: 16px; color: pink; line-height: 20px; } #search input { height: 20px; width: 400px; float: left; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 0px; border-right: 0px; margin: 0 4px 0 12px; padding: 2px 0 0 2; background-color: green } #search span { display: block; float: left; } </style> </head> <body> <div id="search"> <span>Happy Codings</span> <input type="text" /> <a href="http://www.happycodings.com"><img src="http://www.happycodings.com/images/happy.gif" alt="Code Examples" width="200" height="100" /></a><br /> </div> </body> </html>