[CSS] Krijg tekst niet gecentreerd

<div id="cb_wrapper">
  <span id="cb_description">Deze website maakt gebruik van cookies. Klik <strong><a target="_blank" href="/page/cookies">hier</a></strong> voor meer informatie.</span>
  <span id="cb_hide">
      <button onclick="setCookie(cb_hide)">Verberg</button>
  </span>
</div>

En de relevante code:

#cb {
    position:fixed;
    bottom: 0;
    width:100%;
    height: 30px;
    z-index:999;
    background-image: url("grey_bg.png");
    color:#FFF;
}

    #cb_wrapper {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 100%;
        margin:3px;
    }

    #cb_description {
                text-align:center;
    }

Waarom krijg ik #cb_description (zie die span) niet gecentreerd? Ik heb het idee dat ik ergens overheen kijk? Ziet iemand de fout? Zelfs als ik een margin-left/right: auto; als property toevoeg gebeurt er niks.

gebruiken kan, maar lijkt me niet de juiste werkwijze, en daardoor is mijn button opeens ook van de kaart verdwenen. Dus iemand enig idee hoe ik die span centreer?

Je kunt spans niet laten centreren helaas. Kun je de wrapper niet text-align: center; meegeven?

of maak van die span gewoon een div?

Marjolein schreef:

of maak van die span gewoon een div?

Maar dat is wel tegen de semantiek in. Ik heb inmiddels Milans tip doorgevoerd, en dat werkt.
Hoop ook dat dit een goede crossbrowser oplossing is.