The Button

The HTML:

<span class="cssbutton"><span class="buttonleft">css</span>
<span class="buttonright">button</span></span>

The CSS:

.cssbutton {
	background: #fff;
	padding: 1px;
	font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-variant : small-caps;
	border : 1px solid #aaa;
}
.buttonleft {
	color: #f8f8f8;
	background: #a42;
	padding: 0px 3px 0px 3px;
}
.buttonright {
	color: #f8f8f8;
	background: #886;
	padding: 0px 20px 0px 3px;
}

The Inspirations:

• Steal These Buttons - a whole lot of itty bitty buttons
• Minimal Verbosity's nifty button maker, and an alternate interface.

See also:

• WellStyled's inline buttons