css
.button-play {
font-family:Arial;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
border:solid 1px #CC0000;
background:#660000 url(/images/button-bg.jpg) top center repeat-x ;
height:27px;
}
html
[input type="button" style="cursor:pointer;" value="PLAY NOW!" onclick="document.location.href='http://www.mysite.com'" class="button-play" /]
change [ to < and ] to >
I spent much time to find why vertical-align: middle; is not working for text
I should put text near the image and it didn’t work when I tried to add vertical-align: middle; to class of the text
But when I add it to image class it worked!
Probably it will be helpful for somebody else.
add to css file
img.row {
vertical-align: middle;
}
and this is the code
[img src="/images/bullet.png" width="13" height="16" alt="" / class="row"]Middle text[/div]
change all [ to < and ] to >
<div style=”text-align:center;”></div>