is it possible to center a span in a div while positioning an anchor in the same div?

Question

With markup like this:

<div id='titlebar'>
  <a><img src='foo.png'></a>
  <span>Title</span>
</div>

is it possible to center "Title" while positioning the anchored image?

   ... [foo] .....................Title ...............................

Thanks

Answer 1

#titlebar {
  text-align: center;
}

#titlebar a {
  position: relative;
  left: -40em;
}

Try that.

The title text will be slightly off center due to the original positioning of the image in the anchor, so you can apply a relative position to that as well.