html - 在页面中心对齐 span 的文本

标签 html css

我的站点中有一个 span 标记。

我想在页面中心对齐 span 的文本。

<span id="notice">Please Read the notice</span>

我正在使用 CSS 像下面那样做。

#notice{
     color:#D05679;
     font-family: Signika; 
     font-size:15px;
     text-align:center;

   }

但这行不通。请提出建议。

PS:谢谢大家的回答。他们都工作。我犯了一个愚蠢的错误。

最佳答案

试试这个..

#notice{
     color:#D05679;
     font-family: Signika; 
     font-size:15px;
     text-align:center;
}
<!DOCTYPE HTML>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test</title>
</head>
<body>
<div id="notice">
    <span >Please Read the notice</span>
</div>
</body>
</html>

关于html - 在页面中心对齐 span 的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34039792/

相关文章:

javascript - CSS伪元素混淆

javascript - 如何在悬停而不是单击时切换 jQuery 响应式选项卡?

html - InputText PrimeFaces 未应用最大长度

php - fatal error : [] Operator not working on one page but working on another

javascript - 如何使用 Raphael.js 缩放文本

当我在某个点向下滚动或刷新时,css 固定位置 div 消失

javascript - 单击 iframe 内容页面中的显示隐藏按钮时,iframe 高度不会自动增加

c# - 有没有办法在 pdf 弹出窗口中隐藏保存选项

css - 带有方形元素的响应列表

javascript - 具有多个 CSS 文件的 Google PageSpeed Insights