Textos não alinhados
Olá pessoal,
Estou mexendo com CSS e tenho uma dúvida, como eu faço para que os textos se encaixe nos lugares "estipulados" ? (Segue a imagem abaixo como erro)
Aqui está o index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Layout using external style sheets</title>
<link rel="stylesheet" href="stylesheet1.css" media="screen">
<style type="text/css" media="screen">@import url("stylesheet2.css");</style>
</head>
<body>
<div id="container">
<div id="header" title="sitename">
</div>
<div id="mainnav">
<ul>
<li><a href="#">Section 1</a></li>
<li><a href="#">Section 2</a></li>
<li><a href="#">Section 3</a></li>
<li><a href="#">Section 4</a></li>
</ul>
</div>
<div id="contents">
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</div>
<div id="footer">
Copyright © Sitename 2004
</div>
</div>
</body>
</html>E aqui a parte do CSS:
#mainnav ul
{
margin-top: -0px;
list-style-type: none;
height: 42px;
width: 610px;
text-align: center;
background-image: url(barra.jpg);
}#mainnav li { display: inline; }
Obrigado mais uma vez!
Até mais http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Discussão (8)
Carregando comentários...