CSS中的换行和居中

Question

我想在CSS 中得到这个结果

img1

我现在有这个：

img2

我不明白如何在CSS中居中元素并传递一行？

我想使用margin: auto，但我认为这不是一个好的做法？

这是代码。

感谢

Answer 1

您可以将元素包装在div 中

<div class="text-container">
<span class="user">User : Toto </span>
<span class="last-connection">Votre dernière connexion : 09/12/2021 à 12:41:34</span>
</div>

并为父添加此样式

.text-container {
width: 100%;
text-align: center;
}