Wordpress通过发布html

Question

通过添加动态HTML，我在网站上工作有些困难。

这应该是这样的：

在静态网站上，通过添加代码很简单：

  <div id="home-5-year">
    <div id="home-5-year-icon"></div>
    <div id="home-5-year-title">Wij bestaan 5 jaar!</div>
  </div>

CSS

#home-5-year {
  position: absolute;
  bottom: 180px;
  right: 128px;
  height: 200px;
  width: 300px;
  border-radius: 4px;
  background-color: #03C9A9;
  padding: 16px;
  cursor: pointer;
  opacity: 0;
  transition: transform 1s, opacity 3s; }
#home-5-year:hover {
  background-color: #03b094; }
@media (max-width: 969px) {

#home-5-year {
    display: none; } }
#home-5-year-icon {
  text-align: center;
  font-size: 64px; }
#home-5-year-icon:after {
  content: ""; }

出于某种原因，如果我添加一个包含html元素的帖子，wordpress没有以正确的方式显示图标。

结果：

wordpress网站拥有完全相同的样式表和来源。

我也尝试为拇指添加缩略图，但这也没有用。有人熟悉吗？也许其他解决方案如何用图片添加动态html元素。

p.s已经尝试使用i，span，div元素在帖子中添加图像但是如果我在visual-text之间切换，wordpress编辑器似乎会删除它们