Tag Archives: CSS

How to Implement a Superscript or Subscript Class with CSS

If you need to add a superscript or subscript text to your paragraph, you can surely use the <sup> and <sub> tags. There is one major problem with it – the line height. Look at the code below: <p> No … Read More »»»

Posted in CSS | Tagged , , , , , | Leave a comment

How to Add a Shadow to Text Using CSS

Sometimes a well done shadow makes a huge difference in user experience. Shadows are cool and give a very nice look to the text on your website. They are extremely easy to implement via CSS3 as well, but don’t get … Read More »»»

Posted in CSS | Tagged , , , , , , , , | Leave a comment

Cool CSS3 Effects: Rotate a Block Element

Never has it been easier to rotate elements in HTML given the CSS3 standard. All it takes a few lines of CSS. As usual, different browsers have different rule names for it Let’s get a div to rotate itself 15°. … Read More »»»

Posted in CSS | Tagged , , , , , , , , , | Leave a comment

Cool CSS3 Effects: Shadowed Boxes

Shadows are always cool! We are all used to message boxes showing on our screen that stand out towards you just because there is a shadow behind them. So how do you create something like that on your webpage using … Read More »»»

Posted in CSS, ȹardrinckles | Tagged , , , , , , | Leave a comment

Cool CSS3 Effects: How to Create Rounded Corners Using CSS

Ever wondered how you can create rounded corner borders on a block element, such as <div>? It is very much possible with CSS3. Of course, you are still facing limitations because of the browser versions. However, most popular browsers’ latest … Read More »»»

Posted in CSS | Tagged , , , , , , , | Leave a comment

Centering a Div on the Page, Vertically and Horizontally, So That It Is Always in the Center Independent on Browser Window Size

I am sure you at some point wanted to center a <div> element (or, perhaps, an image or some other HTML element) in the browser content area. While positioning it horizontally is easy, just a matter of setting your left-margin … Read More »»»

Posted in HTML | Tagged , , , , , , , | 1 Comment

Create a Page With a Header, Content and Footer That Span 100% Height in the Browser

Surely you have seen pages that span 100% height of your browser’s canvas area, even though the content may be just a line or two. If you are still wondering how to do this, here’s you complete guide, although without … Read More »»»

Posted in CSS, HTML | Tagged , , , , , , , , | 6 Comments