Saturday, September 8, 2012

a.line-height great then span.font-size compatible

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body,span,div,a,ul,li,ol,dl,dd,img{padding:0;margin:0;}
.round
{
    behavior: url('PIE.htc');
    border: 10px solid #999;
    border-radius: 10px;
    height:30px;
}
.div
{
    background-color:red;color:white;
    height:70px;
}
.a
{
    background-color:maroon;color:white;
    display:block;vertical-align:middle;
    height:40px;line-height:40px;
    /*padding:10px;/**/
}
.span
{
    background-color:blue;color:white;
    font-size:32px;
    /*a.line-height -c span.font-size ni baga baih estoi*/
}
img
{
    background-color:blue;
    float:left;border:none;margin-top:6px;padding:0px;
}
</style>
</head>
<body>
<br></br>
<div class="div">
    <a href="#" class="a"><span class="span">
    <img src="http://css3menu.com/images/modern_files/css3menu1/1031.png" />
    span tag in a tag
    </span></a>
</div>
</body>
</html>