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

Question

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

这是我的页面 http://qattaj.com。这是我想对 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 的子主题来保留我的修改，即使主题将来更新也是如此。

Answer 1

使用这个 css :

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

Answer 2

给小部件全宽

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

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

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

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

Is this the best solution to move social icons to the right side of the page?

html

css

css-float