仅居中一行的第一段

Question

我有一行文字，其中包含姓名和身​​份证明码。我希望名称在行中居中，并且id代码立即位于居中名称的右侧。这可能吗？

我认为以下代码可能有效，但它没有：

   .name-text{
      text-align: center;
   }


   <span class="name-text">Centered Name here</span> non-centered text here.

提前感谢您的帮助！

Answer 1

您可以尝试使用绝对定位来使正确的元素流出：

＆＃13;

＆＃13;

.wrapper {
  text-align: center;
}
.right {
  position: absolute;
}

＆＃13;

<div class="wrapper">
  <span class="name-text">Centered Name here.</span>
  <span class="right">Non-centered text here.</span>
</div>

＆＃13;

＆＃13;

＆＃13;