estou com um texto simples em duas linhas que inseri em um spam.
Gostaria de diminuir o espaçamento entre as linhas, pq quando ponho o BR, as linhas ficam afastadas demais e saem fora do local que eu quero.
Usei o line-height: 1pt;, no firefox tah funcionando perfeitamente, mas no IE não funciona....
Aqui vai o HTML:
<!--Primeiro Formulário--> <div id="form1"><form action="" method="post"> <img src="images/setapreta.gif" alt="" style="padding-top:10px; padding-left:20px" /> Acesse <strong>agora sua mensagens</strong><br /> <span id="contentform1">E-mail: <input type="text" size="30" class="formred" /></span> <span id="contentform2">Senha: <input type="password" size"30" class="formred" /> <input name="imageField" type="image" src="images/acessar.gif" alt="acessar"></span> <span id="contentred">VOCÊ NÃO É CADASTRADO NO FONEMAIL?<p /> É GRÁTIS, <strong>CLIQUE AQUI</strong> E CADASTRE-SE</span> </form></div> <!--Fim do primeiro formulário-->
É essa a frase que está me dando dor de cabeça:
"VOCÊ NÃO É CADASTRADO NO FONEMAIL?
É GRÁTIS, CLIQUE AQUI E CADASTRE-SE"
aqui tah o css:
#form1{
width: 386px;
height: 113px;
background-image: url(images/fundoform1.gif);
background-repeat: no-repeat;
position: absolute;
top: 130px;
left: 0px;
font-family: verdana, arial, helvetica, geneva, sans-serif;
font-size: 9px;
z-index: 4;
}
#contentform1{
position: absolute;
top: 15px;
left: 25px;
vertical-align: top;
}
#contentform2{
position: absolute;
top: 40px;
left: 27px;
vertical-align: top;
}
#contentred{
position: absolute;
top: 79px;
left: 65px;
font-family: verdana, arial, helvetica, geneva, sans-serif;
font-size: 8px;
color: #890000;
vertical-align: top;
line-height: 1pt;
}
.formred{border-right: #DA4545 1px solid;
border-top: #DA4545 1px solid;
font-size: 10px;
border-left: #DA4545 1px solid;
color: #000000;
border-bottom: #DA4545 1px solid;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
position: relative;
top: 0px;
margin-top: 16px;
}