HTML - 如何在一个框中添加一个框，其中一些文本以HTML为中心？

Question

我希望它看起来像下面的图像

Answer 1

这样的东西？：

http://jsfiddle.net/JA7vh/

Answer 2

JSFiddle：http://jsfiddle.net/Tq8Ff/4/

代码：

<div class="wrapper">
    <span class="inner">new message form heaquarter</div>
</div>

.inner {
    text-align:center;
    background-color: white;
}

.wrapper {
 text-align:center;
 background-color: purple;
  padding: 10px;  
}

Answer 3

你走了： http://jsfiddle.net/a3U5a/