Please look at http://www.andycrofford.com/. I would like to vertically align the text in the footer. Also, how would I split the footer so I can align something on the right as well? Any help you can provide is appreciate. This is the code in the footer: <div id="footer">Copyright © 2008 <?php bloginfo('name'); ?></div> </div><br /> Code (markup): This is the CSS for the footer: #footer { background: #5E5E5E; padding: 10px; color: #fff; } Code (markup):
either div the sections or create p's with short widths and float: left bigger problem is with FF and the posts showing up waaaay right. <div id="footer"> <p>Copyright © 2008 <?php bloginfo('name'); ?></p> <p class="rightfoot">Add stuff here </p> </div> </div><br /> then just .rightfoot { float: right; width: 200pt; } #footer p { float: left; width: 200pt; } tweak till you are happy
For the vertical alignment, you can get a similar visual effect by setting the line-height of the p's equal to the height of the footer. Make the font-size half the line-height. <div id="footer"> <p>foo man choo</p> </div> #footer { min-height: 2em; } #footer p { font: bold 1em/2em times, serif; } Something like that, depends if text wraps.