Tag Archives: beginner

Vertically Align Text

This quick and easy CSS technique will demonstrates how to vertically align a one line text. It is perfect for headers. Demo: Header HTML: <h1 id=”header”>Title</h1> CSS: h1#header{ height:25px; line-height:25px; padding:0 10px; } Tested on: IE 6, 7, 8, and 9, Safari, Firefox, Chrome, and Opera

Sticky Footer!

Have you ever wondered how people get the footer to always stick to the bottom of the page? Have you ever tried to make it work for yourself but it doesn’t seem to come out right? Well…believe or not, it is much easier than you think. All we need is a few lines of CSS and some HTML markup, then VOILA! you got yourself a sticky footer. HTML: <body> <div id=”wrapper”> <p>Your content</p> </div> <div id=”footer”> <p>Your footer content.</p> </div> … Continue reading