[Resolvido] text-align:center não funciona de jeito nenhum
Gente, eu já pesquisei em tudo quanto foi lugar na internet e não achei nada pra resolver.
Eu realmente estou impressionado como algo tão simples simplesmente não funciona!
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TrackMe - Brasil :: Login</title>
<link href="_css/login.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo"> <img src="_img/login-logo.png" width="552" height="142" alt="TrackMe" /> </div>
<div id="bottom">
<span class="copyright">© 2012. 123TrackMe. All rights reserveds.</span>
</div>
</body>
</html>CSS:
body, td, th {
text-shadow: -1px 1px #CCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
}body {
background-color: #FFF;
background-image: url(../_img/login-bg.png);
background-repeat: repeat-x;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#logo {
position: absolute;
width: 552px;
left: 50%;
margin: -120px 0 0 -276px;
height: 142px;
top: 50%;
}
#bottom {
position: fixed;
bottom: 10px;
}
.copyright {
display: block;
text-align: center;
}
Já li que text-align só funciona com elementos de bloco, mas já coloquei em um elemento de parágrafo <p> e também não funciona. Já tirei display:block e também não funciona.Espero a ajuda dos amigos.
Discussão (3)
Carregando comentários...