如何在带有css的圆角彩色框中将文本居中

【问题标题】：How do I center text in colored box with rounded corner with css如何在带有css的圆角彩色框中将文本居中
【发布时间】：2016-03-03 23:09:50
【问题描述】：

我正在尝试使用 css 创建一个“图像”，使其看起来像真实的（附上 .png）框的大小约为 280x30 pix。

我该怎么做？

感谢大家的帮助！

【问题讨论】：

【解决方案1】：

你可以这样做：

HTML：

<div class="box">
  Text Here
</div>

CSS：

.box {
  background: orange;
  border-radius: 5px 5px 0px 0px;
  text-align: center;
  color: white;
  padding: 10px;
}

只需调整宽度，目前是 100% 宽度。

【讨论】：