Brak środkowania div-a

Question

Witam, ni mogę znaleźć błędu przez który div #container nie jest środkowany. Napis itd. pojawia się, ale nie na środku. Proszę o wprawne oko do pomocy.

Css:

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

 

Html:

<div id=container">
        <div class="rectangle">    </div>
            <div id="logo">Jan Kowalski</div>
            <div id="zegar">12:00:00</div>
            <div style="clear: both;"></div>
        <div class="square"></div>
        <div class="square"></div>
        <div style="clear: both;"></div>
        <div class="rectangle">    </div>
    </div>

Answer 1

id=container"

Brakuje cudzysłowu. Jak go dodasz, to na pewno div się wyśrodkuje. Div. To, że wycentruje się blok nie oznacza, że wycentruje się tekst. Żeby wycentrować tekst, musisz użyć text-align: center;

Comments

Dziękuję bardzo.

Ten jeden cudzysłów rzeczywiście może człowiekowi całą pracę popsuć :)

Pozdrawiam

---

Dodatkowe uwagi:

• nie używaj id do nadawania wyglądu
• pusty element = zbędny element. Nie trzeba używać clear-fixa (pusty element z clear: both) przy umiejętnie napisanym CSS