减小a<；部门>；使用css的块

这是我创建的页面：

我想减少以橙色为背景色的块的宽度，而不在属性宽度中使用数字，是否有其他方法可以做到这一点

---

我试过浮动：左；它起作用了，但它转到了左边，我希望由于文本长度和html页面的中心，自动检测宽度。

一个解决方案是在div周围添加一个包装器元素：

<div id="outer">
    <div id="inner">Vous avez acheté 6 pieces, le total à payer est : 200DH</div>
</div>

---

当然，如果div的父级已经有

text align:center

那么包装器是不必要的。如果您希望它居中，并具有自动宽度，那么一个选项是将其视为

内联

元素

display: inline;

或：

假设父元素具有

文本对齐：居中

，这就足够了

display: inline;

display: inline-block;