css - 如何使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

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

---

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

---

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

Answer 2

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

查看演示

Answer 3

好的，我将“我和我”文本包裹在span. 删除background-color的属性#sign并将其添加到span.

HTML

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

CSS

#sign
{
    font-size: xx-large;
    color:white;
    font-weight:bolder;
    text-align: right;
    position:right;
}
#sign span { background-color:green; } /* or any color of your choice */

演示链接