wordpress：无法使用自定义css添加html，其中包括body和psedu元素样式。如何添加到我的wordpress主题？

Question

我是wordpress的新手。我正在制作响应式组织结构图。我正在使用的代码来自下面的链接。

Responsive org chart

我使用

将此代码添加到wordpress mypage文本编辑器中

< style>css code< /style >

< html code>

问题是，CSS部分正常工作。它只显示了一些颜色的基本ul和li。但不是像上面链接那样的完整组织结构图。如何在我的wordpress主题页面中实现像上面的codepen链接一样的视图？