如何将HTML页面布局包括所有内容从右到左更改为

问题描述

我正在使用以前称为Surveygizmo.com的在线调查工具（alchemer.com）。我需要创建一个阿拉伯语调查，这意味着对齐方式必须是从右到左。这些工具支持某些配置，使我无法从右向左对齐文本。但是，问题在于它们的设置没有将单选按钮（答案选项）的对齐方式更改为从右到左。我联系了支持人员，该支持人员指出我有CCS和HTML定制功能。我找到了这个HTML代码。您能帮我使HTML页面从右到左对齐吗（包括单选按钮，而不仅仅是文本）。查看说明问题的代码和图像。

<div class="sg-wrapper">
        <div class="sg-header">
            <div class="sg-header-hook-1"></div>
            <img class="sg-header-image" src="[template("header image url")]" alt="[template("header image text")]"/>
    
            [template("survey title")]
            
    
            <div class="sg-header-hook-2"></div>
        </div>
        <div class="sg-content">
            <div class="sg-content-hook-1"></div>
    
            [template("error message")]
            [template("page title")]
            [template("page description")]
            [template("page contents")]
    
            <div class="sg-content-hook-2"></div>
            
            <div class="sg-footer">        
                <div class="sg-footer-hook-1"></div>
                
                [template("button bar")]
                [template("progress bar")]
                [template("footer text")]
        
                <div class="sg-footer-hook-2"></div>
            </div>
        
        </div>
        
    </div>

此处显示问题，在开始文字之前，单选按钮应出现在右侧。我无法对齐它们。无论如何，可以通过HTML或CCS做到这一点吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）