css pipe seperated menu

<ul id=”footer-navigation”> <li><a href=”#”>Top</a></li> <li><a href=”#”>Valid XHTML</a></li> <li><a href=”#”>Valid CSS</a></li> <li><a href=”#”>Get Firefox</a></li> </ul> #footer-navigation { margin-left: 0; padding-left: 0; list-style-type: none; } #footer-navigation li { display: inline; } #footer-navigation li:after { content: ” | “; } #footer-navigation li:last-child:after { content: “”; }

Centering vertically in a block

This often comes up a whole lot of same sized blocks on a webpage with an image inside. gettting the image to center in the middle is easy but what happens when it needs to sit in the vertical middle as well? CSS: div.myblock{ display: table-cell; height:120px; width: 120px; border: 1px solid #000; vertical-align: middle;
Continue reading: Centering vertically in a block