JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Button</title>

</head>

<body style="background-color:#cccccc;">

<table align="center" cellpadding="0" cellspacing="0" border="0" height="32px">
    <tr>
        <td>
           <img src="http://img203.imageshack.us/img203/8052/lefto.png" border="0" />
        </td>
        <td style="background:url(http://img24.imageshack.us/img24/2825/centervw.png); background-repeat: repeat-x; color:#FFFFFF;">
            Press Me Press Me Press Me Press Me Press Me Press Me Press Me Press Me Press Me 
        </td>
        <td><img src="http://img23.imageshack.us/img23/4676/rightk.png" />
            </td>
    </tr>
</table>
    
    <div style=" text-align:center;">
    <button> <img src="http://img203.imageshack.us/img203/8052/lefto.png" border="0" /><span style="background:url(http://img24.imageshack.us/img24/2825/centervw.png); background-repeat: repeat-x; color:#FFFFFF;">Press Me Press Me Press Me Press Me Press Me Press Me Press Me Press Me Press Me </span><img src="http://img23.imageshack.us/img23/4676/rightk.png" />
       </button>
    </div>
</body>
</html>

CSS

button *{
 float:left;
 height:32px;
 line-height:32px;
}