Witam
Mam problem z umieszczenie teksu wewnątrz div'a zawartosc. Tekst zamiast znajdować się w środku rozlewa się po całej szerokości strony.
Plik HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="logo"></div>
<div id="naglowek"></div>
<div id="zawartosc"><p><h2>ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</h2></p></div>
<div id="stopka"></div>
</body>
</html>
Plik CSS:
body
{
background-color: #1eac24;
margin: 0;
padding: 0;
text-align:center;
}
#logo
{
background: url(images/logo.jpg);
height: 155px;
margin-bottom: 0px;
background-repeat: no-repeat;
background-position: top center;
}
#naglowek
{
background: url(images/naglowek.jpg);
height: 26px;
background-position: center;
background-repeat: no-repeat;
}
#zawartosc
{
background: url(images/zawartosc.jpg);
height: 500px;
background-repeat: repeat-y;
background-position: top center;
padding: 10px 10px 10px 10px;
}
#stopka
{
background: url(images/stopka.jpg);
height: 39px;
background-position: top center;
background-repeat: no-repeat;
}<code>
Z góry dziękuje za pomoc.