html - 文本对齐不起作用

标签 html css

text-align:center 不工作。请帮帮我。为什么它不起作用?

这是下面的 HTML:

<!DOCTYPE html>
<html>

<head>
   <title>Wheat and Barley</title>
</head>

<body style="font-family:Helvetica;">

     <div style="display:inline-block;">
        <h1 style="font-weight:bold; text-align:center; background-color:blue;">
        Wheat
        </h1>
     </div>
     <p>Wheat is a cereal grain...</p>
     <p>This grain...</p>
</body>

</html>

最佳答案

利用中心标签

像这样包围 div -

<center><div> ... </div></center>

有效,颜色将仅留在文本后面!而且它会居中!

谢谢。

关于html - 文本对齐不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35019497/

相关文章:

html - Textarea 搞乱导航

javascript - 使用 javascript 在 mySQL 查询后填充表单

javascript - 添加显示属性时过渡效果不起作用

css - 从节点 js 模块导入 css

html - 如何每隔一段时间移动我的 CSS slider ?

javascript - ReactJS 自定义三态复选框不会显示复选标记

html - 将固定容器置于引导轮播之上

html - 输入场效应

css - 如何在 GWT 中使用 CSS 格式化 ScrollPanel?

html - HTML元素的id属性在整个页面中必须是唯一的吗?