Clever Geek Handbook

フロートなしの水平メニュー

断食は、他の人よりも自分自身のためです。

カットの下のコードと詳細。



<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  1. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  2. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  3. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  4. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  5. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  6. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  7. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  8. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  9. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  10. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  11. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  12. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  13. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  14. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  15. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  16. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  17. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  18. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  19. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  20. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  21. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  22. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  23. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  24. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  25. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  26. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  27. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  28. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  29. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  30. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  31. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  32. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  33. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  34. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  35. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  36. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  37. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  38. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  39. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  40. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  41. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  42. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  44. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  45. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  46. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  47. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  48. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  49. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  50. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  51. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  52. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  54. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  55. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  57. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  59. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  60. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  61. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  62. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  63. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  64. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  65. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  66. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  68. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



  69. <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .



<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < style type ="text/css" > * { padding:0; margin:0; border:0; } #content { margin:50px; padding:50px; background:#eee; text-align:center; list-style:none; white-space:nowrap; } #content LI { display:inline-block; margin:0 -2px; vertical-align:top; } #content LI A { display:inline-block; background:#f9f9f9; border:#ccc 1px solid; margin:0 2px 0 0; padding:5px 15px; text-decoration:none; color:#00f; vertical-align:bottom; } #content LI A:hover { color:#f00; background:#fff; } @-moz-document url-prefix() { #content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/ #content LI {margin:0 -2px;} /*For FF*/ #content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/ } </ style > <!--[if lte IE 7]> <style type="text/css"> #content LI { display:inline; margin:0; } </style> <![endif]--> < title > Title </ title > </ head > < body > < ul id ="content" > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > < li >< a href ="#" > </ a ></ li > </ ul > </ body > </ html > * This source code was highlighted with Source Code Highlighter .





説明：


場合によっては、水平なメニューを作成する必要がありますが、同時にメニューはページの中央に配置されます。 通常、水平メニューはどのように行われますか？ そして非常にシンプル-float：left; ただし、そのようなメニューを中央に配置できるとは考えられません。 （大丈夫、それはうまくいきますが、費用はいくらですか？ upd： habrahabr.ru/blogs/css/49756/#comment_1306559 ）



多くの人が問題について考え始め、 display：inline-blockのような素晴らしいCSSプロパティが私たちを助けるという結論に達します！ そして真実は-それはどこでも動作します！ FF3、Opera 8-9、Safari 3、およびIEでも（具体的にdisplayを記述する場合：インライン ;）！



問題は解決したようです！ シンプルでエレガント！ しかし...しかし、ここで私たちはFF2を見ました... ...それで終わりです。 セーリング。 動作しません:(



mozilla.orgにアクセスして 、FF2とFF3のスタイルを分離するためにそのようなものを探します。 そして見つけた！ 私たちのアシスタントは表示プロパティです：-moz-inline-grid;



@-moz-document url-prefix() {

#content LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/

#content LI {margin:0 -2px;} /*For FF*/

#content LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/}







そしてそれは動作します。 のようです。 ところで、このメソッドは写真にも使用できます： gruzzilkin.110mb.com/nofloat



その他。 @ -moz-document url-prefixにより、このようなドキュメントは検証に合格しません。



UPD： gryzzlyのリクエストに応じて、コメントで提案された最も興味深いオプションを投稿します。



More articles:


All Articles