CSS : Rounded corners without images

Quote:

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

CSS : Tableless forms

Quote:

Name


Address


City

label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}

label {
text-align: right;
width: 75px;
padding-right: 20px;
}

br {
clear: left;
}

CSS : Double blockquote

Quote:

blockquote:first-letter {
background: url(images/open-quote.gif) no-repeat left top;
padding-left: 18px;
font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}

CSS : Vertical centering with line-height

Quote:

div{
height:100px;
}
div *{
margin:0;
}
div p{
line-height:100px;
}

Content here

CSS : Rounded corners with images

Quote:

width="15" height="15" class="corner"
style="display: none" />

CONTENT

width="15" height="15" class="corner"
style="display: none" />

.roundcont {
width: 250px;
background-color: #f90;
color: #fff;
}

.roundcont p {
margin: 0 10px;
}

.roundtop {
background: url(tr.gif) no-repeat top right;
}

.roundbottom {
background: url(br.gif) no-repeat top right;
}

img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}

CSS : Multiple Class name

Quote:

.class1 { border:2px solid #666; }
.class2 {
padding:2px;
background:#ff0;
}

CSS : Center horizontally

Quote:

#container {
margin:0px auto;
}