<!-- Wimpy Button Styles -->
<style type="text/css">
 
.small_button {
	display : inline-block;
	vertical-align : text-bottom;
	background-image: url(play_small.png);
	background-repeat: no-repeat;
	height: 19px;
	width: 21px;
}
.small_button.pause {
	background-image: url(pause_small.png);
}
 
.big_button {
	display : inline-block;
	vertical-align : text-bottom;
	background-image: url(play.png);
	height: 37px;
	width: 37px;
}
.big_button.pause {
	background-image: url(pause.png);
}
 
</style>
 
 
 
<!-- Small Butons -->
<div class="small_button" data-wimpybutton="../song1.mp3"></div> Song 1 
<div class="small_button" data-wimpybutton="../song2.mp3"></div> Song 2 
<div class="small_button" data-wimpybutton="../song3.mp3"></div> Song 3 
 
 
 
<!-- Big Butons -->
<div class="big_button" data-wimpybutton="../song1.mp3"></div> Song 4 
<div class="big_button" data-wimpybutton="../song2.mp3"></div> Song 5 
<div class="big_button" data-wimpybutton="../song3.mp3"></div> Song 6