jim333 on "How do I change this code?"

How do I change this code so that text %file_display_name% appears on the left side centered and image on the right?

Right now text appears on top left.

%file_display_name%
<style type="text/css" media="screen">
	.wpfb-dlbtn div { width:215px; height:40px; margin:0; padding:0; background:transparent url('%wpfb_url%/images/dl_btn.png') no-repeat  right;}
	.wpfb-dlbtn div:hover { background-image: url(%wpfb_url%/images/dl_btn_hover.png); }
</style>
<div style="text-align:right; width:20px; margin: auto; font-size:smaller;"><a href="%file_url%" class="wpfb-dlbtn"><div></div></a>

</div>