我应该实现如下内容:
<div class="container">
<span class="title">Header</span>
<span class="label">today</span>
</div>
标题应该在div中居中.标签应该放在紧随其后的位置.所以，我需要这样的东西:
因此，页眉应该在标签跨度上独立居中，就好像根本没有标签一样.
是否有可能用纯CSS解决这个问题？如果可能，如何解决？可以更改标记.
我应该实现如下内容:
<div class="container">
<span class="title">Header</span>
<span class="label">today</span>
</div>
标题应该在div中居中.标签应该放在紧随其后的位置.所以，我需要这样的东西:
因此，页眉应该在标签跨度上独立居中，就好像根本没有标签一样.
是否有可能用纯CSS解决这个问题？如果可能，如何解决？可以更改标记.
position:absolute个就行了
.container {
width: 400px;
padding: 5px;
border: 1px solid;
text-align: center; /* center the text */
/* to illustrate the center */
background:linear-gradient(red 0 0) 50%/2px 100% no-repeat;
}
.label {
position: absolute; /* out of the flow but don't define any position */
}
.title {
margin-inline: 5px; /* control the gap */
}<div class="container">
<span class="title">Header</span>
<span class="label">today</span>
</div>