Horizontal menu without float

Fasting is more for yourself than for others.
Code and details under the cut.

<! 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 .

Explanations:

Sometimes you want to make a menu that is horizontal, but at the same time is located in the center of the page. How is the horizontal menu usually done? And it's very simple - with the help of float: left; But you will hardly be able to center such a menu. (well, it will turn out ; but at what price? upd: habrahabr.ru/blogs/css/49756/#comment_1306559 )

Many will start thinking about the problem and come to the conclusion that such a wonderful CSS property like display: inline-block will help us! And after all the truth - everywhere works! In FF3, Opera 8-9, Safari 3 and even in IE (if you specifically write display: inline ;)!

It seems that the problem is solved! Simple and quite elegant! But ... but then we looked at FF2 and ... everything. Sailed. Does not work :(
')
We climb on mozilla.org and look for something like that to separate the styles for FF2 and FF3. And after all we find! Our assistant is the display property : -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*/}

And working. It seems to be. By the way, the method can also be used for images: gruzzilkin.110mb.com/nofloat

And further. Validation of such a document will not work because of the @ -moz-document url-prefix .

UPD: At the request of gryzzly, I post the most interesting options suggested in the comments:

• www.mauzon.com/?p=87 - horizontal alignment of the menu based on floating blocks. The way is good for everyone, only extra wrapping DIV is used
• As always, I piled a bunch of extra code. minimizing
• Several options that somehow use display: inline-block :
  www.ruzee.com/blog/2007/05/align-list-items-horizontally-with-css ,
  foohack.com/2007/11/cross-browser-support-for-inline-block-styling ,
  www.brunildo.org/test/ImgThumbIB.html .