/ Published in: HTML
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
<style type="text/css" media="screen"> body { font:12px/12px arial,helvetica,sans-serif; } a { text-decoration:none; } a:hover { text-decoration:underline; } ul.inlineRuled { list-style:none; margin:0; padding:0; overflow:hidden; _display:inline-block; } ul.inlineRuled li { float:left; padding:0 2em 0 1em; /* padding-right = 2 x padding-left */ margin-left:-1em; /* margin-left = -1 x padding-left */ border-left:1px solid #ccc; white-space: nowrap; } ul.inlineRuledRight { list-style:none; margin:0; padding:0; overflow:hidden; _display:inline-block; } ul.inlineRuledRight li { float:right; padding:0 1em 0 2em; /* padding-right = 2 x padding-left */ margin-right:-1em; /* margin-left = -1 x padding-left */ border-right:1px solid #ccc; white-space: nowrap; } /* Decoration */ #footerNav { font-weight:bold; } #footerNav #navLabel { float:left; text-transform:uppercase; width:160px; } #footerNav ul.inlineRuled li { margin-bottom:3px; } /* used to increase the line-height without increasing the pipe height */ #footerNav ul.inlineRuled { margin-bottom:-3px; } /* removes the last bump for better vertical-alignment */ #footerNav2 { font-weight:bold; } #footerNav2 ul.inlineRuled li { margin-bottom:3px; } /* used to increase the line-height without increasing the pipe height */ #footerNav2 ul.inlineRuled { margin-bottom:-3px; } /* removes the last bump for better vertical-alignment */ </style> <div id="footerNav"> <ul class="inlineRuled"> </ul> </div> <div id="footerNav2"> <ul class="inlineRuledRight"> </ul> </div>