Button test
HTML
<br><br>
<button class="chromeBtn" id="ctl_ButtonTest_6_Button5" title="simple">
<img id="ctl_ButtonTest_6_Img6" alt="test ico" src="http://www.google.com/favicon.ico">
Just image with Text
</button> <br><br>
<button class="chromeBtn" id="Button6" title="simple" style="width:150px;">
<img id="ctl_ButtonTest_6_Img6" alt="test ico" src=http://www.google.com/favicon.ico style="vertical-align:30%;" >
<span style="margin-right: 17px">
Just image with text that must wrap
</span>
</button>
CSS
/**** Core styles ****/
/***********************************/
/*** General styles for elements ***/
/***********************************/
*
{
background-attachment: scroll;
margin: 0px;
padding: 0px;
}
html, body, div, span, label, table, ul, ol, a, button, input, textarea
{
font-family: Arial, Sans-Serif;
font-size: 10pt;
}
html, body, form
{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
margin: 0px;
border: 0px;
padding: 0px;
}
img
{
border: 0px;
}
iframe
{
width: 100%;
height: 100%;
}
/* headers */
h1, h2, h3, h4, h5, h6
{
font-weight: bold;
text-align: left;
width: 100%;
padding-top: 5px;
}
H1
{
font-size: 1.2em;
}
H2
{
font-size: 1.1em;
border-bottom: 1px solid transparent;
}
H3
{
font-size: 1.0em;
border-bottom: 1px solid transparent;
}
H4
{
font-size: 1.0em;
font-weight: bold;
}
H5
{
font-size: 1.0em;
font-weight: normal;
border-bottom: 1px solid #666;
}
H6
{
font-size: 1.0em;
font-weight: bold;
}
HR
{
margin: 10px 0px 8px 0px;
border-top: 1px solid #BBB;
}
input
{
padding: 0 2px;
outline-style: none; /* turn off focused field highlighing in opera */
}
/* radio buttons and checkboxes */
input[type="radio"]
{
padding: 0px;
margin: 1px;
margin-right: 3px;
border-width: 1px;
border-style: solid;
border-color: transparent;
}
input[type="radio"]:focus
{
border-color: #00AAFF;
}
input[type="checkbox"]
{
padding: 0px;
margin: 1px;
margin-right: 3px;
outline-width: 1px;
outline-style: solid;
outline-color: transparent;
}
input[type="checkbox"]:focus
{
outline-color: #00AAFF;
}
/* text area */
textarea
{
outline-style: none; /* turn off focused field highlighing in opera */
resize: none; /* prevent resize in Chrome */
}
/* input button */
input[type='submit'], input[type='button']
{
margin:...