HTML Quebrado
Bom dia pessoal,
Não sou nenhum expert em html e nem trabalho diretamente com isso, apenas montei um script para as assinaturas de email da empresa, esse código quando interpretado pelo navegador fica perfeito, exatamente como solicitado, quando enviamos um email a assinatura também fica de acordo, porém quando recebemos uma resposta a assinatura fica toda quebrada, creio que isso aconteça porque estou usando o div para ter informações uma ao lado da outra.
Gostaria de um auxilio no porque esta acontecendo essa quebra e como posso corrigir?
Abaixo o código, desde já agradeço.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Assinatura</title>
<style type="text/css">
#box{
width:750px;
height:110px;
background-color:#b61d1d;
border-radius: 10px;
}
p.um{
font-family: Verdana;
font-size: 14px;
color: black;
}
#nome{
font-family: Verdana;
font-size: 11px;
color: white;
}
p.dois{
line-height: 2;
}
p.tres{
font-family: Verdana;
font-size: 10px;
color: #b61d1d;
}
p.sepa{
line-height: 0.5;
}
</style>
</head>
<body>
<p class="um">Att,</p>
<!-- criação da caixa principal -->
<div id="box">
<!-- divisão para o logo da empresa -->
<div style="width:200px; float:left;">
<img src='file:///\\servidor\Identidade Visual\Assinaturas\logo-vertical.png' alt="Bold" width='190' height='100'/>
</div>
<!-- divisão para os dados pessoais -->
<div id="nome" style="width:200px; float:left;">
<p class="dois">
Nome Funcionário<br>
Função<br>
Tel.: (00) 0000 0000<br>
Cel.: (00) 0000 0000
</p>
</div>
<!-- divisão para o separador -->
<div style="width:50px; float:left;">
<p class="sepa">
<img src='file:///\\servidor\Identidade Visual\Assinaturas\branco.png' alt="Bold" width='1' height='80'/></p>
</div>
<!-- divisão para o endereço -->
<div id="nome" style="width:300px; float:left;">
<p class="dois">
Endereço: Nome Rua, 00<br>
Bairro<br>
Cidade - UF - 00000-000<br>
<a style="text-decoration: none; color: white;" href='http://www.site.com.br/'>www.site.com.br</a><br>
</p>
</div>
</div>
<p class="tres">Antes de imprimir pense em sua responsabilidade e compromisso com o <b>MEIO AMBIENTE!</b></p>
</body>
</html>Discussão (1)
Carregando comentários...