Html 将带有CSS的文本添加到顶部栏

Html 将带有CSS的文本添加到顶部栏,html,css,wordpress,text,add,Html,Css,Wordpress,Text,Add,我正在尝试使用CSS在顶部的绿色条上添加一些文本,并将其集中在网站上 这是一个wordpress网站,我不知道如何将文本添加到顶部栏。 如果需要的话,任何关于CSS或HTML的帮助都是很大的帮助 谢谢这可以通过多种方式完成。 标题中已经有两个div左右浮动。 您可以有3个div,每个div带有md-4,并使用第二个div作为文本。还将文本居中对齐应用于该文本 一个可能的恶意攻击可能是 这里的标题 在中插入类似的内容似乎有点奇怪。但是,如果你不能直接编辑模板,我想它是有效的 div#topbar

我正在尝试使用CSS在顶部的绿色条上添加一些文本,并将其集中在网站上

这是一个wordpress网站,我不知道如何将文本添加到顶部栏。 如果需要的话,任何关于CSS或HTML的帮助都是很大的帮助


谢谢

这可以通过多种方式完成。 标题中已经有两个div左右浮动。 您可以有3个div,每个div带有md-4,并使用第二个div作为文本。还将文本居中对齐应用于该文本

一个可能的恶意攻击可能是
这里的标题

中插入类似的内容似乎有点奇怪。但是,如果你不能直接编辑模板,我想它是有效的

div#topbar:after {
  content: "Some header";
  font-size: 22px;
  color: white;
  left: 50%;
  top: 0;
  position: absolute;
  transform: translateX(-50%);
  line-height: 34px;
}

类似的东西会有用。

它必须在
header.php
中。您应该在HTML中添加文本,并使用CSS进行样式和定位。但是,Word press可能不允许您访问该元素。通过检查绿色条,它实际上是左右两个div。我想你需要为中心添加第三个div。CSS Flexbox是设计此类组件样式的好方法。我可以将HTML添加到wordpress中吗?我如何才能在wordpress中向HTML添加div?坦率地说,我不知道这一点。但我认为您可以更新模板中给出的代码。我刚刚向您展示了如何使用css和html在网页中实现。