CSS Button

CSS Buttons is a plug n' play solution for Multilingual, CMS, Blogs, and similar web sites faced with dynamic content challenges. Simple CSS Button can be created by using an inline element called "span".
It can be created in a number of different ways, but the method which I think works most reliably uses the cleanest, most standards compliant HTML you can imagine.

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;
}

XHTML

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

DEMO

cssbutton