如何使div背景限制在某个区域

Question

我做了一个CSS示例。我遇到问题的主要部分是：

#sign
{
 font-size: xx-large;
 color:white;
 background-color:blue;
 font-weight:bolder;
 text-align: right;
 position:right;
}

我正在实施它：

<div id="sign">Me and Me</div>

此处背景颜色显示为带状。现在我希望背景颜色仅限于文本区域“我和我”。我需要做些什么修改才能实现这个目标？

Answer 1

您是否有理由不能为要设置样式的元素设置背景？

---

使用this link，您可以看到您需要的是display: inline;电话。我写了一个快速的jsFiddle给你看，这应该是你想要的...... http://jsfiddle.net/NjAUR/

---

看到你想要它在右侧，摆脱position: right声明，并使用float: right。这是更新版本...... http://jsfiddle.net/NjAUR/1/

Answer 2

将display:inline;与您的CSS一起使用。如果您需要在右侧使用float:right也是如此。

请参阅Demo

Answer 3

好的，我在span内包装了“我和我”的文字。已移除background-color的{​​{1}}媒体资源，并将其添加到#sign。

HTML

span

CSS

<div id="sign"><span>Me and Me</span></div>​

<强> Demo link