Html 这是将社交图标移动到页面右侧的最佳解决方案吗？

我正在尝试将社交图标移动到页面顶部的右侧，并在我的WordPress主题中反转它们的顺序，只使用CSS而不是HTML

这是我的页面。这是我想对css文件做的变通方法：

 #ishyoboy-social-widget-5
    {
    width: 100%;
    }
    .onepcssgrid-1200
    {
    width: 100% !important;
    }
    .header-widgets
    {
    direction: rtl;
    text-align: right;
    }
    .social
    {
    width: 100% !important;
    }

我试过了，效果不错，但你认为这是最好的“CSS”方法吗

一旦我将主题更新到未来版本，编辑html将使我丢失所有修改。我正在使用带有CSS的子主题来保留我的修改，即使该主题将来会更新。

使用此CSS：

.col6 {
    width: 100%;
}
.header-widgets ul.social {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

---

给出小部件的全部宽度

div#ishyoboy-social-widget-5 {
width: 100%;
}

将社交图标按相反顺序向右浮动

.header-widgets ul.social li {
float: right;
}