Float bug fix in div to expand
Many of would find a problem when using a block(div) called a container with the background color, where you don't want to use float or height to the div. And in the inner div of the container you want to give float to it. You can find this issue in most of the browser like ie, firefox, the container will not expland as the inner div.

---

Float and DIV
Learn how to use Div and Float properly.

---

Div and Span Tags
What if we don't want to use the crude instrument of styling an entire paragraph? How do we mark off arbitrary sections of HTML for styling? Let's take a look at another component of our style sheet toolbox: the "generic" tags, <div> and <span>.

---

Line Height
With CSS, the height of a text line can be changed using the line-height property.

---

Changing The Background
Learn how to setup your site, div or table background using css.

---

Line Height
Set the distance between lines with the line-height property.

---

Rounded Div Corners
Easily round your divs corners.

---

Navigation With Lists (Horizontal)
To start off we need to use a basic list code. I have wrapped the list up inside a div because it makes it a lot easier to customize the entire list.

---

CSS Forcing Words to Wrap
CSS is great isn't it? This little snippet helps you force that unruly text to wrap using a div.

---

Quick Tip: CSS 100% Height
I don't know about you, but I always get frustrated trying to figure out how to get my layout to stretch vertically to 100% of the page. I have a div that I want to stretch, but it just doesn't stretch. Now why wouldn't it do that? In this tutorial, I will share the solution with you.

---

Emulating the Fieldset Element
I've seen sites out recently who are using and abusing the fieldset tag to use for their layout. This isn't a good thing, since <fieldset> is meant to be for forms. To stop confusing search engines and users, I have come up with a simple div/CSS fix for you guys to use so everyone can be happy :)

---

Block, Inline and Floating Elements
A collection of 21 FAQs/tutorials tips on HTML formatting models. Clear answers are provided with tutorial exercises on block and inline elements, specifying padding spaces and margins, specifying border width and color, transparent and non-transparent backgrounds, positioning background images, line boxes and text paragraphs, setting line height.

---

Learn CSS: Border Styles and Properties
There are many different style and settings for borders in CSS. This tutorial hopes to teach you the basics of adding borders to page elements, div tags and images with various border properties.

---

Solving the CSS Padding Problem
This tutorial shows you how to solve the "CSS Padding Problem" - a problem that comes when you apply a padding style to a div, and the div's width expands.

---

Horizontal Lines
Horizontal lines are very useful separating your page to different sections, to add a simple horizontal line.

---

CSS Comments
CSS comments can be made for a single line or multiple lines, but regardless of how you pass your comments they are always passed to the client PC and interpreted by the client browser. When commenting it's best to be as brief as possible as you're continually serving text in your applications that is doing nothing other than slowing the transfer and execution of your pages down.

---

List Images
In CSS List Images are such a simple topic that I have seen overlooked over and over. There is not much to it at all. Just one line of css.

---

Style Sheet Defined within External/Linked Document
Style sheets can be imported, linked, be in-line, or be defined in the document header. Many sites will only use one style sheet and link it to all of their documents, thus facilitating easy changes across many pages.

---

Quotations in CSS
Here's a short tutorial on how to style quotes with CSS whilst making sure you use the right XHTML tools for the job.

---

Style Sheet Defined within Document Header
Style sheets can be imported, linked, be in-line, or be defined in the document header. While most sites will only use one style sheet and link it to all of their documents, thus facilitating easy changes across many pages. There will be instances where you may want a page to stand out or try something different and not want multiple documents dictating the how one page is going to look.

---

Creating a website navigation bar with CSS
There are many ways to create a navigation bar, you can use a programs like Photoshop and then convert the image into code, but when I see people creating them in Photoshop I think why bother? When you can simply use CSS for the whole creation and code of it. In this tutorial I will show you how to create a very clean navigation bar that will use one line of XHTML and the rest will be CSS.

---

Understanding Multiple Element Formatting Rules
A collection of 15 FAQs/tutorials tips on understanding multiple element formatting rules. Clear answers are provided with tutorial exercises on stacking and nesting block elements, aligning in-line elements, floating block elements, collapsing margins between elements, balancing widths and heights with parent elements, collapsing white spaces.

---

Making Modular Layout Systems
Jason Santa Maria details his approach to building a modular system for laying out pages with CSS. Devising a method for dealing with the presentational when presentation is all you've got, this can be a handy way to predictably tame content without becoming predictable.

---

Making A CSS Based Calender
With some simple CSS applied to an unordered list, we can quickly and easily make a nicely formatted calender that's easily lightweight and updated.

---

Cascading Style Sheets (CSS); Learning More
In the "Cascading Style Sheets (CSS) -- Getting Started" article, the first in this series, you learned how to use an external style sheet. You simply include one line of code on your pages to affect the entire page with the style specified in that external style sheet. This article will show you how to embed a style sheet directly into your web page. It will also show you how to define custom styles, styles not associated with any particular HTML tags.

---

An Introduction to CSS
If you are a web designer and haven't been living in a cave for the last few years, then you must have heard of the amazing CSS technology! CSS is short for 'Cascading Style Sheets', and is a part of current web standards. Quite simply, it allows you to define your entire design from one simple document, making templates an utter doddle to set up and maintain. To help you get to grips with the new technology, this tutorial covers the basics of CSS setup, and helps get you well on your way to a more complete understanding of the CSS methodology.

---