Create Link Buttons with simple CSS and HTML

How?

Syntax of the HTML

<div class="btns"> <a href="#" class="btn" ><span>button</span></a> </div>

Why?

Many developers hate nested DIVs and SPANs for round corners and tired of fighting with designers

Example : default style

button 7 button 8 button 9 button 10 button 11 button 12

Example : random texts

«n vehicula quam. » «vehicula » «san vehicula » «vehicu » «an vehicula q » «an v »

Example : different colors

button 7 button 8 button 9 button 10 button 11 button 12

Example : different colors and font sizes

button 7 button 8 button 9 button 10 button 11 button 12

Note

For IE developers, don't forget to check No More IE6 Background Flicker, too.