Problem z wyśrodkowaniem tekstu, obrazków na stronie

pytanie zadane 14 kwietnia 2017 w HTML i CSS przez Damian67114 Początkujący (250 p.)

Witam, mam pewien problem z wyśrodkowaniem tekstu na środku strony w środkowym <div>, gdyż to co ma być na środku jest blisko innego elementu strony po lewej.

Kod CSS:

#container
{
  width:1000px;
  margin-left:auto;
  margin-right:auto;
}

#logo
{
background-color:slategray;
color:tomato;
text-align:center;
padding:18px;
height:80px;
}

#spis
{
float:left;
background-color:lightgray;
width:200px;
min-height:600px;
padding:10px;
}

#zawartość
{
bordercolor:red;
text-align:center;
float:left;
padding:20px;
width:600px;
}

#formularz
{
float:right;
background-color:lightgray;
width:200px;
min-height:600px;
padding:10px;

}
#stopka
{
    padding:20px;
    background-color:blue;
    color:red;
    clear:both;
}

a:link
{
  color:green;
}

a:visited
{
  color:red;
}

a:hover
{
  color:yellow;
}

Kod jednej z podstron:

<!DOCTYPE HTML>
<html lang="pl">
<head>


  <meta charset="utf-8"/>
  <title>Najlepsze gry</title>
  <meta name="description" content="GAMERBLOG"/>
  <meta name="keywords" content="Gry,Toplista"/>
  <meta http="X-UA-Compatitble" content="IE=edge,chrome=1"/>

  <link rel="Stylesheet" type="text/css" href="new1.css" />
  </head>

  <body>

  <div id="logo">
  <h1> Moje ulubione gry</h1>
</div>

<div id="spis">
      <ul>
<li><a href="Gothic.html" target="_blank">Gothic</a><br><br>
<li><a href="DIS.html" target="_blank">Dishonored</a><br><br>
<li><a href="Stronghold.html" target="_blank">Stronghold</a><br><br>
<li><a href="Call of Duty Black Ops.html" target="_blank">Call of Duty Black Ops</a></br><br>
<li><a href="Team.html" target="_blank">Team Fortress II</a></br><br>
  </ul>

</div>

<div id="zawartość">

               <h2>Witam na mojej stronie!</h2><br><br>
               Zawiera ona moją w pełni subiektywną listę najlepszych gier w jakie przyszło mi zagrać.<br><br>
Zapraszam do przeglądania!

</div>

<div id="formularz">
<form>
Zaloguj się:<br><br>
Login: <input type="text" name="login"><br><br>
Hasło: <input type="password" name="hasło"><br><br>
<input type="submit" value="Zaloguj mnie">
<input type="submit" value="Zarejestruj">
</form>
</div>

<div id="stopka">
<center>Damian M &copy 2017</center>

Proszę o wyrozumiałość, gdyż jest to moja pierwsza strona zrobiona przy użyciu CSS.

1 odpowiedź

odpowiedź 14 kwietnia 2017 przez imklau Nałogowiec (42,090 p.)
wybrane 14 kwietnia 2017 przez Damian67114

Najlepsza

Kod wstawiamy w bloczek do tego przeznaczony
dajesz kod CSS z #container a w HTML takiego diva nawet nie ma, więc go dodaj
tekst masz wyśrodkowany w tym divie, tylko po prostu szerokość tego diva jest mniejsza niż wolna przestrzeń międzymi bocznymi divami, daj mu 520px

Powinno być ok ;)