Css 是否可以在将锚定位在同一个div中的同时,将跨度居中放置在div中?

Css 是否可以在将锚定位在同一个div中的同时,将跨度居中放置在div中?,css,centering,Css,Centering,使用如下标记: <div id='titlebar'> <a><img src='foo.png'></a> <span>Title</span> </div> 谢谢 #titlebar { text-align: center; } #titlebar a { position: relative; left: -40em; } 试试看 由于图像在定位点中的原始位置,标题文本将稍微偏离

使用如下标记:

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

#titlebar {
  text-align: center;
}

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


由于图像在定位点中的原始位置,标题文本将稍微偏离中心,因此您也可以对其应用相对位置。

感谢您建议使用负定位。我使用负百分比表示锚的左位置,而不是负em单位。这样做可以使图像与居中标题保持适当的距离,并在调整图像大小时保持图像在页面上。你好,蒂姆。
#titlebar {
  text-align: center;
}

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